Développer l'application Sandbox

Dans cette section, maintenant que le modèle a été configuré dans la section application initiale et que les pages initiales ont été établies dans la section contenu initial, l'application peut être développée à l'aide de scripts de base, y compris la possibilité d'activer la création avec les composants Communities. À la fin de cette section, le site Web sera fonctionnel.

Utilisation des scripts de page de base

Le script par défaut, créé lorsque le composant qui effectue le rendu du modèle de page de lecture a été ajouté, est modifié pour inclure le fichier head.jsp de la page de base et un fichier body.jsp local.

Super Resource Type

La première étape consiste à ajouter une propriété de super-type de ressource au noeud /apps/an-scf-sandbox/components/playpage afin qu’il hérite des scripts et des propriétés du super-type.

Utilisation de CRXDE Lite:

  • Nom : sling:resourceSuperType
  • Type : String
  • Valeur : foundation/components/page
  1. Cliquez sur l’Ajoute verte [+]
  2. Cliquez sur Enregistrer tout

chlimage_1-231

Scripts de tête et de corps

  1. Dans le volet de l'explorateur CRXDE Lite, accédez à /apps/an-scf-sandbox/components/playpage et cliquez en doublon sur le fichier playpage.jsp pour l'ouvrir dans le volet de modification.

/apps/an-scf-sandbox/components/playpage/playpage.jsp

<%--

  An SCF Sandbox Play Component component.

  This is the component which renders content for An SCF Sandbox page.

--%><%
%><%@include file="/libs/foundation/global.jsp"%><%
%><%@page session="false" %><%
%><%
 // TODO add your code here
%>
  1. Connaissant les balises de script open/close, remplacez " / TODO …" avec des scripts pour les parties tête et corps de <html>.

    Avec un super type foundation/components/page, tout script non défini dans ce même dossier sera résolu en un script situé dans le dossier /apps/foundation/components/page (s'il existe), ou en un script situé dans le dossier /libs/foundation/components/page.

/apps/an-scf-sandbox/components/playpage/playpage.jsp

<%--

    An SCF Sandbox Play Component component: playpage.jsp

  This is the component which renders content for An SCF Sandbox page.

--%><%
%><%@include file="/libs/foundation/global.jsp"%><%
%><%@page session="false" %>
<html>
  <cq:include script="head.jsp"/>
  <cq:include script="body.jsp"/>
</html>
  1. Le script de base head.jsp ne doit pas être superposé, mais le script de base body.jsp est vide.

    Pour configurer la création, superposez body.jsp avec un script local et insérez un système de paragraphes (parsys) dans le corps :

    1. accéder à /apps/an-scf-sandbox/components

    2. sélectionner le noeud playpage

    3. cliquez avec le bouton droit et sélectionnez Create > Create File...

      • Nom : body.jsp
    4. Cliquez sur Enregistrer tout

    Ouvrez /apps/an-scf-sandbox/components/playpage/body.jsp et collez le texte suivant :

    <%--
    
        An SCF Sandbox Play Component component: body.jsp
    
      This is the component which renders content for An SCF Sandbox page.
    
    --%><%
    %><%@include file="/libs/foundation/global.jsp"%><%
    %><%@page session="false" %>
    <body>
        <h2>Community Play</h2>
        <cq:include path="par" resourceType="foundation/components/parsys" />
    </body>
    
  2. Cliquez sur Enregistrer tout

Vue de la page dans un navigateur en mode d’édition :

Vous devez non seulement voir l’en-tête Community Play, mais également l’interface utilisateur pour la modification du contenu de la page.

Le panneau latéral Ressources/Composant s’affiche lorsque les deux panneaux latéraux sont ouverts et que la fenêtre est suffisamment large pour que le contenu latéral et le contenu de la page s’affichent.

chlimage_1-232

Voici comment la page de lecture s’affiche dans l’interface utilisateur classique, y compris avec l’outil de recherche de contenu (cf) :

chlimage_1-233

Composants d’AEM Communities

Pour activer les composants Communities pour la création, début en suivant les instructions suivantes :

Pour les besoins de ce sandbox, début avec ces composants Communautés (activez en cochant la case) :

  • Commentaires
  • Forum
  • Évaluation
  • Révisions
  • Résumé des révisions (affichage)
  • Vote

En outre, sélectionnez les composants Général, tels que

  • Image
  • Tableau
  • Text (Texte)
  • Titre (Foundation)
REMARQUE

Les composants activés pour la page par sont stockés dans le référentiel en tant que valeur de la propriété components de la variable
/etc/designs/an-scf-sandbox/jcr:content/playpage/par node.

Page d’entrée

Dans un environnement multilingue, la page racine inclurait un script qui analyserait la demande du client pour déterminer la langue souhaitée.

Dans cet exemple simple, la page racine est automatiquement définie pour être redirigée vers la page anglaise, qui peut être développée ultérieurement pour être le landing page principal avec un lien vers la page de lecture.

Remplacez l’URL du navigateur par la page racine : http://localhost:4502/editor.html/content/an-scf-sandbox.html

  • Sélectionner l'icône Informations sur la page

  • Sélectionnez Ouvrir les propriétés

  • Sur l’onglet AVANCÉ

    • Pour l’entrée Redirection, accédez à Sites Web > Site SCF Sandbox > SCF Sandbox
    • Cliquez sur OK
  • Cliquez sur OK

Une fois le site publié, la navigation vers la page racine d’une instance de publication redirige vers la page en anglais.

La dernière étape avant de jouer avec les composants SCF des communautés est d'ajouter un dossier de bibliothèque client (clientlibs) …

Sur cette page