Desenvolver aplicativo de sandbox

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

Uso de scripts de página de base

O script padrão, criado quando o componente que renderiza o modelo de 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 Recurso Super

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

Utilização do CRXDE Lite:

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

chlimage_1-231

Scripts de cabeçalho e corpo

  1. No painel explorador do CRXDE Lite, navegue até /apps/an-scf-sandbox/components/playpage e clique duas vezes 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. Estando ciente de tags de script abertas/fechadas, substitua " // TODO …" com inclusão de scripts para partes do cabeçalho e do corpo de <html>.

    Com um super tipo de foundation/components/page, qualquer script não definido nessa mesma pasta resolverá para um script na pasta /apps/foundation/components/page (se existir), ou 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

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

  • Interface do usuário padrão: http://localhost:4502/editor.html/content/an-scf-sandbox/en/play.html

Você não deve apenas ver 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/Componente é visto quando o painel lateral é aberto e a janela é larga o suficiente para o conteúdo lateral e o conteúdo da página a ser exibido.

chlimage_1-232

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

Veja a seguir 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 do Communities para criação, comece seguindo estas instruções:

Para fins desta sandbox, comece com esses componentes Communities (ative ao marcar 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 do
/etc/designs/an-scf-sandbox/jcr:content/playpage/par nó .

Página de aterrissagem

Em um ambiente multilíngue, 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 página de aterrissagem 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 > Site de sandbox SCF > Sandbox 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 os componentes do SCF de comunidades é adicionar uma Pasta da biblioteca do cliente (clientlibs) …

Nesta página