Sviluppa applicazione sandbox develop-sandbox-application

CAUTION
AEM 6.4 ha raggiunto la fine del supporto esteso e questa documentazione non viene più aggiornata. Per maggiori dettagli, consulta la nostra periodi di assistenza tecnica. Trova le versioni supportate qui.

In questa sezione, ora che il modello è stato impostato nel applicazione iniziale e le pagine iniziali stabilite nella sezione contenuto iniziale , l’applicazione può essere sviluppata utilizzando script di base, inclusa la possibilità di abilitare l’authoring con i componenti di Communities. Al termine di questa sezione, il sito web funzionerà.

Utilizzo degli script di pagina di Foundation using-foundation-page-scripts

Lo script predefinito, creato quando è stato aggiunto il componente che esegue il rendering del modello di playpage, viene modificato per includere il head.jsp della pagina di base e un body.jsp locale.

Super tipo di risorsa super-resource-type

Il primo passaggio consiste nell’aggiungere una proprietà super-type della risorsa al /apps/an-scf-sandbox/components/playpage in modo da ereditare gli script e le proprietà del super-type.

Utilizzo di CRXDE Lite:

  • Nome: sling:resourceSuperType
  • Tipo: String
  • Valore: foundation/components/page
  1. Fai clic sul verde [+] Aggiungi
  2. Fai clic su Salva tutto

chlimage_1-231

Script testa e corpo head-and-body-scripts

  1. In CRXDE Lite riquadro di esplorazione, passare a /apps/an-scf-sandbox/components/playpage e fare doppio clic sul file playpage.jsp per aprirlo nel riquadro di modifica.

/apps/an-scf-sandbox/components/playpage/playpage.jsp 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. Essendo a conoscenza dei tag script aperti/chiusi, sostituire " // TODO …" con include di script per le parti testa e corpo di <html>.

    Con un super tipo di foundation/components/page, qualsiasi script non definito in questa stessa cartella verrà risolto in uno script in /apps/foundation/components/page cartella (se esiste), altro a uno script in /libs/foundation/components/page cartella.

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

<%--

    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. Script di base head.jsp non devono essere sovrapposti, ma lo script di base body.jsp è vuoto.

    Per impostare l’authoring, sovrapporre body.jsp con uno script locale e includere un sistema paragrafo (parsys) nel corpo:

    1. naviga a /apps/an-scf-sandbox/components

    2. seleziona la playpagenodo

    3. fai clic con il pulsante destro del mouse e seleziona Create > Create File...

      • Nome: body.jsp
    4. Fai clic su Salva tutto

    Apri /apps/an-scf-sandbox/components/playpage/body.jsp e incolla il seguente testo:

    code language-xml
    <%--
    
        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. Fai clic su Salva tutto

Visualizzare la pagina in un browser in modalità di modifica:

  • Interfaccia standard: http://localhost:4502/editor.html/content/an-scf-sandbox/en/play.html

Non dovresti solo visualizzare l’intestazione Gioco community, ma anche l’interfaccia utente per la modifica del contenuto della pagina.

Il pannello laterale Risorse/Componente viene visualizzato quando il pannello laterale è disattivato e la finestra è sufficientemente ampia da consentire la visualizzazione del contenuto laterale e della pagina.

chlimage_1-232

  • Interfaccia classica: http://localhost:4502/cf#/content/an-scf-sandbox/en/play.html

Di seguito viene illustrata l’aspetto della pagina di riproduzione nell’interfaccia classica, incluso con Content Finder (cf):

chlimage_1-233

Componenti di Communities communities-components

Per abilitare i componenti per l’authoring di Communities, segui queste istruzioni:

Ai fini di questa sandbox, inizia con questi Community componenti (attiva selezionando la casella ):

  • Commenti
  • Forum
  • Valutazione
  • Recensioni
  • Riepilogo recensioni (visualizzazione)
  • Votazione

Inoltre, scegli Generale componenti, quali

  • Immagine
  • Tabella
  • Testo
  • Titolo (Foundation)
NOTE
I componenti abilitati per la pagina par vengono memorizzati nell’archivio come valore del components proprietà
/etc/designs/an-scf-sandbox/jcr:content/playpage/par nodo.

Pagina di destinazione landing-page

In un ambiente multilingue, la pagina principale includerebbe uno script che analizzerebbe la richiesta del client per determinare la lingua preferita.

In questo semplice esempio, la pagina principale viene impostata statisticamente per reindirizzare alla pagina inglese, che in futuro potrebbe essere la pagina di destinazione principale con un collegamento alla pagina di riproduzione.

Modifica l’URL del browser nella pagina principale: http://localhost:4502/editor.html/content/an-scf-sandbox.html

  • Seleziona l’icona Informazioni pagina

  • Seleziona Apri proprietà

  • Nella scheda AVANZATE

    • Per la voce Redirect, cerca Siti Web > Sito Sandbox SCF > Sandbox SCF
    • Fai clic su OK
  • Fai clic su OK

Una volta pubblicato il sito, l’esplorazione della pagina principale in un’istanza di pubblicazione reindirizzerà alla pagina inglese.

L’ultimo passaggio prima di giocare con i componenti SCF di Communities consiste nell’aggiungere una cartella della libreria client (clientlibs) …

recommendation-more-help
5d37d7b0-a330-461b-814d-068612705ff6