Desarrollar aplicación de espacio aislado

En esta sección, ahora que la plantilla se ha configurado en la sección aplicación inicial y en las páginas iniciales establecidas en la sección contenido inicial, la aplicación se puede desarrollar utilizando secuencias de comandos de base, incluida la capacidad de habilitar la creación con componentes de Communities. Al final de esta sección, el sitio web funcionará.

Uso de scripts de página base

La secuencia de comandos predeterminada, creada cuando se agregó 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 recurso superior

El primer paso es agregar una propiedad de supertipo de recurso al nodo /apps/an-scf-sandbox/components/playpage para que herede las secuencias de comandos y propiedades del supertipo.

Uso del CRXDE Lite:

  1. Seleccione el 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

    Value: foundation/components/page

  3. Haga clic en el botón verde +Add.

  4. Haga clic en Guardar todo.

    page-script

Secuencias de comandos de cabezal y cuerpo

  1. En el panel del explorador CRXDE Lite, vaya a /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

    <%--
    
      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 abiertas/cercanas, sustituya " // TODO …" con incluye secuencias de comandos para las partes del encabezado y del cuerpo de <html>.

    Con un supertipo de foundation/components/page, cualquier script que no esté definido en esta misma carpeta se convertirá en un script de la carpeta /apps/foundation/components/page (si existe) o en un script de la carpeta /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>
    
  3. No es necesario superponer el script de base head.jsp, pero el script de base body.jsp está vacío.

    Para configurar la creación, superponga body.jsp con un script local e incluya un sistema de párrafos (parsys) en el cuerpo:

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

    2. Seleccione el nodo playpage.

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

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

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

    <%--
    
        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.

Vea 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 Reproducción comunitaria, sino también la IU para editar el contenido de la página.

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

ver-página

  • 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, incluso con el buscador de contenido (cf):

play-page-view

Componentes de Communities

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

Para los fines de este simulador para pruebas, comience con estos componentes Communities (habilite marcando la casilla ):

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

Además, seleccione los componentes General, como

  • Imagen
  • Tabla
  • Texto
  • Título (Foundation)
NOTA

Los componentes habilitados para la página par se almacenan en el repositorio como el valor de la propiedad components del

/etc/designs/an-scf-sandbox/jcr:content/playpage/par nodo .

Página de aterrizaje

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 sencillo, la página raíz se está configurando de forma estática para redirigir a la página en inglés, que puede desarrollarse en el futuro para ser la página de aterrizaje principal con un vínculo a la página de reproducción.

Cambie la 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

  • Seleccione Abrir propiedades

  • En la ficha AVANZADO

    • Para la entrada de redireccionamiento, vaya a Sitios web > Sitio del Simulador para pruebas SCF > Espacio para pruebas SCF
    • Haga clic en Aceptar
  • Haga clic en Aceptar

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

El último paso antes de jugar con los componentes SCF de comunidades es añadir una carpeta de biblioteca de clientes (clientlibs) … Agregar Clienlibs

En esta página