Desenvolver aplicativo de sandbox develop-sandbox-application

Nesta seção, agora que o modelo está configurado no aplicação inicial e as páginas iniciais estabelecidas na seção conteúdo inicial é possível desenvolver o aplicativo. Você faz isso usando scripts de base que incluem a capacidade de ativar a criação com componentes de Comunidades. No final desta seção, você tem um site que é totalmente funcional.

Uso de Scripts de Página de Base using-foundation-page-scripts

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

Tipo de Super Resource super-resource-type

A primeira etapa é adicionar uma propriedade de supertipo de recurso à variável /apps/an-scf-sandbox/components/playpage para que ele herde os scripts e as propriedades do supertipo.

Uso do CRXDE Lite:

  1. Selecionar nó /apps/an-scf-sandbox/components/playpage.

  2. Na guia Propriedades, insira uma nova propriedade com os seguintes valores:

    Nome: sling:resourceSuperType

    Tipo: String

    Valor: foundation/components/page

  3. Clique no botão verde +Adicionar botão.

  4. Clique em Salvar tudo.

    page-script

Scripts de cabeçalho e corpo head-and-body-scripts

  1. Entrada CRXDE Lite painel do explorador, 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

    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. Estando ciente das tags de script de abertura/fechamento, substitua " // TODO …" por includes de scripts para as partes superior e inferior do corpo de <html>.

    Com um supertipo de foundation/components/page, qualquer script não definido nessa mesma pasta será resolvido para um script no /apps/foundation/components/page pasta (se existir) ou em um script no /libs/foundation/components/page pasta.

    /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. Sobreposição do script de base head.jsp não é necessário, mas o script de base body.jsp está vazio.

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

    1. Vá até /apps/an-scf-sandbox/components.

    2. Selecione o playpage nó.

    3. Clique com o botão direito e selecione Create > Create File...

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

    Abertura /apps/an-scf-sandbox/components/playpage/body.jsp e cole no seguinte texto:

    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. Clique em Salvar tudo.

Exibir 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 ver apenas o cabeçalho Jogo da comunidade, mas também a interface para editar o conteúdo da página.

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

view-page

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

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

play-page-view

Componentes das comunidades communities-components

Para ativar os componentes do Communities para criação, comece seguindo estas instruções:

Para os fins desta sandbox, comece com esses Communities componentes (ative marcando a caixa):

  • Comentários
  • Fórum
  • Avaliação
  • Revisões
  • Resumo das análises (exibir)
  • Votação

Além disso, escolha Geral componentes como

  • Imagem
  • Tabela
  • Texto
  • Título (Foundation)
NOTE
Os componentes ativados para o par de páginas são armazenados no repositório como o valor do components propriedade do
/etc/designs/an-scf-sandbox/jcr:content/playpage/par.

Página de aterrissagem landing-page

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, a página raiz está sendo definida estaticamente para redirecionar para a página em inglês, que pode ser desenvolvida no futuro para ser a página inicial 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

  • Selecionar Abrir propriedades

  • Na guia AVANÇADO

    • Para a entrada de redirecionamento, 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 redireciona para a página em inglês.

A última etapa antes de jogar com os componentes do SCF de comunidades é adicionar uma Pasta de biblioteca do cliente (clientlibs) … Adicionar Clientlibs

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