DocumentaciónAEM 6.5Guía de Communities

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

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Creado para:

  • Desarrollador

En esta sección, 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 al nodo /apps/an-scf-sandbox/components/playpage para que herede los scripts y las 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

    Valor: foundation/components/page

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

  4. Haga clic en Guardar todo.

    script de página

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

  1. En el panel del explorador CRXDE Lite, 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. Al tener en cuenta las etiquetas de script de apertura/cierre, reemplace " // TODO …" por includes de scripts para las partes del encabezado y del cuerpo de <html>.

    Con un supertipo de foundation/components/page, cualquier script no definido en esta misma carpeta se resuelve 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

    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. 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. Navegue hasta /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 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 Reproducción de la comunidad, sino también la interfaz de usuario para editar el contenido de la página.

El panel lateral de Assets/Componente se ve cuando ambos paneles están abiertos y la ventana es lo suficientemente ancha como para que se muestre el contenido del lado y el contenido de la página.

página-vista

  • 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):

reproducir-página-vista

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 estos componentes de Communities (active la casilla):

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

Además, elija componentes generales, 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 de la propiedad components de
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.

Cambiar 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

  • Seleccione Abrir propiedades

  • En la pestaña AVANZADAS

    • Para la entrada de redireccionamiento, vaya a Sitios web > Sitio de espacio aislado de SCF > Espacio aislado de SCF
    • Haga clic en Aceptar

  • Haga clic en Aceptar

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) … Agregar Clientlibs

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