Importez les applications qui incluent des liens vers des structures JavaScript

Pour utiliser une structure ou une bibliothèque JavaScript à partir d'une application, utilisez les modules de thème de portail pour charger le code JavaScript partagé. Vous ne devez pas les charger à partir de l'application.

Toutefois, les développeurs d'application doivent charger ces structures JavaScript à des fins de test en local, avant de les insérer sur le serveur. Par défaut, les structures JavaScript ne sont pas toutes disponibles dans les profils de thème de portail et les modules. Pour plus d'informations sur le chargement du code JavaScript dans les pages de portlet avec les modules de thème, consultez Bibliothèques JavaScript tierces.

Lorsque vous développez une instance de Script Application qui inclut une référence de structure JavaScript locale, ajoutez un attribut HTML de directive à la référence de script. Mettez en commentaire la référence locale lorsque vous l'insérez à l'aide de l'application de ligne de commande ou que vous l'importez.

Ajoutez l'attribut data-scriptportlet-theme-capability à un élément de script. Vous pouvez ajouter une valeur si l'attribut est spécifié, qui correspond au nom de la fonction qui est fournie par le thème.

Par exemple, pour inclure une référence de script à jQuery directement à partir de l'application locale, reportez-vous à l'exemple suivant :

<script src="http://some.cdn/jquery-1.11.1.min.js"></script>

Pour indiquer que la référence est mise en commentaire lors de l'importation, ajoutez l'attribut data-scriptportlet-theme-capability à la référence de script.

<script src="http://some.cdn/jquery-1.11.2.min.js" 
        data-scriptportlet-theme-capability="jquery"></script>

Lorsque vous importez ou insérez l'application, elle ne comporte plus sa propre référence pour charger jQuery. En revanche, elle se repose sur le module jQuery que vous avez configuré pour le chargement du profil de thème de portail.

Dans l'éditeur de Script Application, la référence de script est conservée, mais elle est mise en commentaire et n'est pas incluse dans le marquage rendu. Par exemple:

[Plugin:Comment]<script src="http://code.jquery.com/jquery-1.11.2.min.js"
data-scriptportlet-theme-capability="jquery"></script> [/Plugin:Comment]

Lorsque vous exportez une application, la référence de script d'origine est réactivée de sorte que votre application s'exécute correctement en tant qu'application autonome dans un environnement de test.