Desarrollar aplicación de zona protegida develop-sandbox-application

Ahora que la plantilla está configurada en la sección aplicación inicial y las páginas iniciales establecidas en la sección contenido inicial , puede desarrollar la aplicación. Para ello, utilice scripts de base que incluyan la capacidad de habilitar la creación con componentes de Communities. Al final de esta sección, tiene un sitio web que funciona completamente.

Uso de scripts de página base using-foundation-page-scripts

El script predeterminado, creado cuando se añadió el componente que procesa la plantilla de página de reproducción, se modifica para incluir el head.jsp de la página de base y un body.jsp local.

Tipo de superrecurso super-resource-type

El primer paso es agregar una propiedad de supertipo de recurso a /apps/an-scf-sandbox/components/playpage para que herede los scripts y las propiedades del supertipo.

Uso del CRXDE Lite:

  1. Seleccionar nodo /apps/an-scf-sandbox/components/playpage.

  2. En la pestaña Propiedades, introduzca una nueva propiedad con los siguientes valores:

    Nombre: sling:resourceSuperType

    Tipo: String

    Valor: foundation/components/page

  3. Haga clic en el icono verde +Agregar botón.

  4. Haga clic en Guardar todo.

    page-script

Scripts de encabezado y cuerpo head-and-body-scripts

  1. Entrada CRXDE Lite panel del explorador, navegue hasta /apps/an-scf-sandbox/components/playpage y haga doble clic en el archivo playpage.jsp para abrirlo en el panel de edición.

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

    code language-xml
    <%--
    
      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
    %>
    
  2. Teniendo en cuenta las etiquetas de script de apertura/cierre, reemplace " // TODO …" por includes de guiones para las partes de la cabeza y el cuerpo de <html>.

    Con un super tipo de foundation/components/page, cualquier script no definido en esta misma carpeta se resolverá en un script en /apps/foundation/components/page carpeta (si existe), o bien a un script en /libs/foundation/components/page carpeta.

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

    code language-xml
    <%--
    
        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>
    
  3. Superponer el script de base head.jsp no es necesario, pero la secuencia de comandos foundation body.jsp está vacío.

    Para configurar la creación, haga clic en Superposición body.jsp con una secuencia de comandos local e incluya un sistema de párrafos (parsys) en el cuerpo:

    1. Navegue hasta /apps/an-scf-sandbox/components.

    2. Seleccione el playpage nodo.

    3. Haga clic con el botón derecho y seleccione Create > Create File...

      • Nombre: body.jsp
    4. Haga clic en Guardar todo.

    Abrir /apps/an-scf-sandbox/components/playpage/body.jsp y pegue el texto siguiente:

    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>
    
  4. Haga clic en Guardar todo.

Ver la página en un explorador en modo de edición:

  • IU estándar: http://localhost:4502/editor.html/content/an-scf-sandbox/en/play.html

No solo debería ver el encabezado Community Play, pero también la interfaz de usuario para editar contenido de página.

El panel lateral Recursos/Componente se ve cuando tanto el panel lateral se abre alternativamente y la ventana es lo suficientemente ancha como para que se muestre el contenido del lado y el contenido de la página.

view-page

  • IU clásica: http://localhost:4502/cf#/content/an-scf-sandbox/en/play.html

A continuación, se muestra cómo aparece la página de reproducción en la IU clásica, incluido con el buscador de contenido (cf):

play-page-view

Componentes de Communities communities-components

Para habilitar los componentes de Communities para la creación, comience por seguir estas instrucciones:

Para los fines de esta zona protegida, comience con lo siguiente Communities componentes (active la casilla):

  • Comentarios
  • Foro
  • Clasificación
  • Repasos
  • Resumen de críticas (visualización)
  • Votación

Además, elija General componentes, como

  • Imagen
  • Tabla
  • Texto
  • Título (base)
NOTE
Los componentes habilitados para el par de página se almacenan en el repositorio como el valor del components propiedad del
Nodo /etc/designs/an-scf-sandbox/jcr:content/playpage/par.

Página de aterrizaje landing-page

En un entorno de varios idiomas, la página raíz incluiría una secuencia de comandos que analizaría la solicitud del cliente para determinar el idioma preferido.

En este ejemplo, la página raíz se está configurando estáticamente para redirigir a la página en inglés, que puede desarrollarse en el futuro para que sea la página de aterrizaje principal con un vínculo a la página de reproducción.

Cambie la dirección URL del explorador a la página raíz: http://localhost:4502/editor.html/content/an-scf-sandbox.html

  • Seleccione el icono Información de página

  • Seleccionar Abrir propiedades

  • En la pestaña AVANZADAS

    • Para la entrada Redirigir, vaya a Sitios web > Sitio de zona protegida SCF > Zona protegida SCF
    • Clic OK
  • Clic OK

Una vez publicado el sitio, si navega a la página raíz de una instancia de publicación, se redirige a la página en inglés.

El último paso antes de jugar con los componentes del SCF de Communities es añadir una carpeta de biblioteca de cliente (clientlibs) … Añadir Clientlibs

recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791