Desenvolver aplicativo Sandbox

Nesta seção, agora que o modelo foi configurado na seção aplicativo inicial e as páginas iniciais estabelecidas na seção conteúdo inicial, o aplicativo pode ser desenvolvido usando scripts de base, incluindo a capacidade de habilitar a criação com componentes do Communities. No final desta seção, o site estará funcional.

Usando Scripts de Página do Foundation

O script padrão, criado quando o componente que renderiza o modelo da página de reprodução foi adicionado, é modificado para incluir o head.jsp da página de base e um body.jsp local.

Tipo de super recurso

A primeira etapa é adicionar uma propriedade de supertipo de recurso ao nó /apps/an-scf-sandbox/components/playpage para que herde os scripts e as propriedades do supertipo.

Usando o CRXDE Lite:

  • Nome: sling:resourceSuperType
  • Tipo: String
  • Valor: foundation/components/page
  1. Clique em verde [+] Adicionar
  2. Clique em Salvar tudo

chlimage_1-231

Scripts de cabeçalho e corpo

  1. No painel explorador CRXDE Lite, navegue até /apps/an-scf-sandbox/components/playpage e clique com o duplo no arquivo playpage.jsp para abri-lo no painel de edição.

/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. Tendo em conta as tags de script open/close, substitua " // TODO …" com inclusão de scripts para cabeçalho e partes do corpo de <html>.

    Com um supertipo de foundation/components/page, qualquer script não definido nesta mesma pasta será resolvido para um script na pasta /apps/foundation/components/page (se existir), caso contrário, para um script na pasta /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. O script de base head.jsp não precisa ser sobreposto, mas o script de base body.jsp está vazio.

    Para configurar a criação, sobreponha body.jsp com um script local e inclua um sistema de parágrafo (parsys) no corpo:

    1. navegue até /apps/an-scf-sandbox/components

    2. selecione o nó playpage

    3. clique com o botão direito do mouse e selecione Create > Create File...

      • Nome: body.jsp
    4. Clique em Salvar tudo

    Abra /apps/an-scf-sandbox/components/playpage/body.jsp e cole no seguinte 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>
    
  2. Clique em Salvar tudo

Visualização a página em um navegador no modo de edição:

Você deve ver não apenas o cabeçalho Community Play, mas também a interface do usuário para editar o conteúdo da página.

O painel lateral Ativos/Componentes é visto quando o painel lateral é alternado e a janela é larga o suficiente para que o conteúdo lateral e o conteúdo da página sejam exibidos.

chlimage_1-232

Veja como a página de reprodução aparece na interface clássica, incluindo o localizador de conteúdo (cf):

chlimage_1-233

Componentes do Communities

Para ativar os componentes Comunidades para criação, start seguindo estas instruções:

Para os fins desta caixa de proteção, start com estes componentes Communities (ative marcando a caixa):

  • Comentários
  • Fórum
  • Classificação
  • Revisões
  • Resumo das revisões (Exibição)
  • Votação

Além disso, escolha Componentes Gerais, como

  • Imagem
  • Tabela
  • Texto
  • Título (Base)
OBSERVAÇÃO

Os componentes habilitados para o par de páginas são armazenados no repositório como o valor da propriedade components da variável
/etc/designs/an-scf-sandbox/jcr:content/playpage/par node.

Página de aterrissagem

Em um ambiente de vários idiomas, a página raiz incluiria um script que analisaria a solicitação do cliente para determinar o idioma preferencial.

Neste exemplo simples, a página raiz está sendo configurada estaticamente para redirecionar para a página em inglês, que pode ser desenvolvida no futuro para ser a landing page principal com um link para a página de reprodução.

Altere o URL do navegador para a página raiz: http://localhost:4502/editor.html/content/an-scf-sandbox.html

  • Selecione o ícone Informações da página

  • Selecione Abrir Propriedades

  • Na guia AVANÇADO

    • Para a entrada Redirecionar, navegue até Sites > Sites > Sites SCF Sandbox > Caixa de proteção SCF
    • Clique em OK
  • Clique em OK

Depois que o site é publicado, navegar até a página raiz em uma instância de publicação redirecionará para a página em inglês.

A última etapa antes de reproduzir com as comunidades componentes do SCF é adicionar uma Pasta da biblioteca do cliente (clientlibs) …

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free