Desenvolvimento com o CRXDE Lite developing-with-crxde-lite

Esta seção descreve como desenvolver o aplicativo Adobe Experience Manager (AEM) usando o CRXDE Lite.

Consulte a documentação de visão geral para obter mais informações sobre os diferentes ambientes de desenvolvimento disponíveis.

o CRXDE Lite é incorporado ao AEM e permite executar tarefas de desenvolvimento padrão no navegador. Com o CRXDE Lite, você pode criar um projeto, criar e editar arquivos (como .jsp e .java), pastas, modelos, componentes, caixas de diálogo, nós, propriedades e pacotes ao fazer logon.
O CRXDE Lite é recomendado quando você não tem acesso direto ao servidor AEM. Ou, quando você desenvolve uma aplicação estendendo ou modificando os componentes prontos para uso e pacotes Java™, ou quando não precisa de um depurador dedicado, autocompletar de código e realce de sintaxe.

NOTE
A partir do AEM 6.5.5.0, o acesso anônimo ao CRXDE Lite não é mais possível.
Os usuários são redirecionados para a tela de logon.
NOTE
O Adobe recomenda que você use o Ferramentas de desenvolvedor de AEM para Eclipse e a variável Extensão de colchetes HTL para AEM durante o desenvolvimento do projeto.

Introdução ao CRXDE Lite getting-started-with-crxde-lite

Para começar a usar o CRXDE Lite, proceda da seguinte maneira:

  1. Instale o AEM.

  2. No navegador, digite https://<host>:<port>/crx/de. Por padrão, é https://localhost:4502/crx/de.

  3. Insira seu nome de usuário e senha. Por padrão, é admin e admin.

  4. Clique em OK.

No seu navegador, a interface de usuário do CRXDE Lite é semelhante a:

chlimage_1-18

Agora você pode usar o CRXDE Lite para desenvolver seu aplicativo.

Visão geral da interface do usuário overview-of-the-user-interface

O CRXDE Lite oferece a seguinte funcionalidade:

Barra do seletor superior
Alterne rapidamente entre o CRXDE Lite, o Gerenciador de pacotes e o Compartilhamento de pacotes.
Widget de caminho de nó

Exibe o caminho para o nó selecionado.

Você também pode usá-lo para pular para um nó, inserindo o caminho manualmente ou colando-o de outro lugar e pressionando Enter.

Também oferece suporte à procura de nós com um nome de nó específico. Insira o nome do nó que deseja localizar e aguarde (ou pressione o símbolo de pesquisa no lado direito). Você pode tentar inserir, por exemplo, a string carvalho no widget para ver como funciona. Se um determinado nó ou nós forem carregados no painel do explorador, a lista será exibida, e você poderá selecionar o caminho e pressionar Enter para navegar até ele. Ele só funciona para os nós carregados no aplicativo cliente CRXDE no navegador. Se quiser pesquisar todo o repositório, use Ferramentas e, em seguida, Consulta.

Painel do Explorer

Exibe uma árvore de todos os nós no repositório.

Clique em um nó para exibir suas propriedades na Propriedades guia. Depois de clicar em um nó, você pode selecionar uma ação na barra de ferramentas. Clique no nó novamente para renomeá-lo.

Filtro de navegação em árvore (ícone binocular): permite filtrar os nós no repositório cujo nome contém o texto de entrada. Ela se aplica somente a nós que foram carregados localmente.

Editar painel

Início guia: permite pesquisar conteúdo e/ou documentação e acessar recursos do desenvolvedor (documentação, blog do desenvolvedor, base de conhecimento) e suporte (página inicial e centro de suporte do Adobe).

Clique duas vezes em um arquivo na Explorer para que você possa exibir seu conteúdo. Por exemplo, um arquivo .jsp ou .java. Em seguida, você pode modificá-lo e salvar as alterações.

Quando um arquivo for editado na variável Editar as seguintes ferramentas estão disponíveis na barra de ferramentas:

- Mostrar na árvore: mostra o arquivo na árvore do repositório.
- Pesquisar/Substituir...: pesquisar ou substituir.

Clique duas vezes na linha de status da Editar painel abre a Ir para a linha para que você possa inserir um número de linha específico para acessar.

Guia Propriedades
Exibe as propriedades do nó selecionado. É possível adicionar novas propriedades ou excluir propriedades existentes.
Guia Controle de acesso

Exibir permissões com base no caminho, nível de repositório ou principal.

As permissões são divididas em

- Política do controle de acesso aplicável: as políticas que podem ser aplicadas à seleção.

- Políticas do controle de acesso local: as políticas aplicadas localmente à seleção.

- Políticas do controle de acesso efetivo: as políticas aplicadas para a seleção, podem ser definidas localmente ou herdadas dos nós principais.

Observação. Para conseguir ver as informações do Controle de acesso, o usuário conectado ao CRXDE Lite deve ter direitos de leitura para entradas de ACL. O usuário anônimo não pode ver essas informações por padrão: faça logon como administrador para ver as informações, por exemplo.

Guia Replicação
Exiba o status de replicação do nó. É possível replicar e replicar e excluir o nó.
Guia Console

Logs do servidor:

Exibe mensagens de logs. Você pode configurar o nível de log, limpar o console, fixar na posição de rolagem selecionada e ativar ou desativar a exibição de mensagens.

Controle de versão:

Exibe mensagens de controle de versão.

Guia Criar informações
Exibe informações quando um pacote está sendo criado.
Atualizar
Atualiza a seleção. As alterações de outros usuários são atualizadas na sua visualização do repositório. As alterações feitas não serão afetadas.
Salvar Tudo

Salvar tudo:

Salva todas as alterações feitas. Até que você clique em Salvar, as alterações serão temporárias e serão perdidas quando você sair do console.

Reverter:

Descarta todas as alterações feitas no nó selecionado desde a última ação de salvamento e, em seguida, recarrega o estado do repositório para o nó selecionado.

Reverter tudo:

Descarta todas as alterações feitas em todo o repositório desde a última ação de salvamento, e recarrega o estado do repositório.

Criar ...

Menu suspenso para criar o seguinte no nó selecionado:

- : um nó com um tipo de nó arbitrário

- Arquivo: nó nt:file e seu subnó nt:resource

- Pasta: nt:nó de pasta

- Modelo: modelo AEM

- Componente: componente AEM

- Caixa de diálogo: Caixa de diálogo do AEM

Excluir
Exclui o nó selecionado.
Copiar
Copia o nó selecionado.
Colar
Cola o nó copiado sob o nó selecionado.
Mover ...
Move o nó selecionado para o nó definido na caixa de diálogo.
Renomear...
Renomeia o nó selecionado.
Misturas ...
Permite adicionar tipos de mixin ao tipo de nó. Os tipos de mixin são usados principalmente para adicionar recursos avançados, como controle de versão, controle de acesso, referência e bloqueio ao nó.
Ferramentas

Menu suspenso com as seguintes ferramentas:

- Configuração do servidor...: para acessar o Felix Console.

- Consulta ...: para consultar o repositório.

- Privilégios ...: para abrir o gerenciamento de privilégios, onde você pode exibir e adicionar privilégios.

- Testar o controle de acesso...: um local onde você pode testar a permissão para um determinado caminho e/ou principal.

- Exportar tipo de nó: para exportar tipos de nó no sistema como notação cnd.

- Importar tipo de nó ...: para importar tipos de nó usando a notação cnd.

- Instalar o SiteCatalyst Debugger...: instruções sobre como instalar o Analytics Debugger.

Widget de logon

Exibe os usuários conectados e o espaço de trabalho no qual eles estão conectados, por exemplo, admin@crx.default.

Clique nele para fazer logon ou refazer logon como um usuário específico. Se você não especificar um espaço de trabalho para fazer logon, estará conectado ao espaço de trabalho padrão, crx.default.

Se quiser navegar pelo repositório como um usuário Anônimo, use anônimo como o nome de logon e qualquer senha (por exemplo, um espaço ou um ponto).

Se a sua autorização não for mais válida (por exemplo, se tiver expirado), o widget de login exibirá "Não autorizado - Login...". Clique para fazer logon novamente.

Criação de pastas creating-a-folder

Para criar uma pasta com o CRXDE Lite:

  1. Abra o CRXDE Lite no navegador.

  2. No painel Navegação, clique com o botão direito do mouse na pasta em que deseja criar a pasta e selecione Criar …, depois Criar pasta ….

  3. Insira a pasta Nome e clique em OK.

  4. Clique em Salvar tudo para salvar as alterações no servidor.

Criação de um modelo creating-a-template

Para criar um template com CRXDE Lite:

  1. Abra o CRXDE Lite no navegador.

  2. No painel Navegação, clique com o botão direito do mouse na pasta onde deseja criar o modelo e selecione Criar …, depois Criar modelo ….

  3. Insira o Rótulo, Título, Descrição, Tipo de recurso, e Classificação do modelo. Clique em Avançar.

  4. Esta etapa é opcional: defina a Caminhos permitidos. Clique em Próxima

  5. Esta etapa é opcional: defina a Pais permitidos. Clique em Avançar.

  6. Esta etapa é opcional: defina a Filhos permitidos. Clique em OK.

  7. Clique em Salvar tudo para salvar as alterações no servidor.

Ele cria:

  • Um nó do tipo cq:Template com propriedades do modelo

  • Um nó filho do tipo cq:PageContent com propriedades de Conteúdo da página

É possível adicionar propriedades ao modelo: consulte a Criação de uma propriedade seção.

Criação de um componente creating-a-component

O recurso descrito aqui só estará disponível se o CQ5 estiver instalado, ou seja, se o tipo de nó cq:Component está disponível no repositório.

Para criar um componente com CRXDE Lite:

  1. Abra o CRXDE Lite no navegador.

  2. No painel Navegação, clique com o botão direito do mouse na pasta em que deseja criar o componente, selecione Criar …, depois Criar componente….

  3. Insira o Rótulo, Título, Descrição, Tipo de Super Resource, e Grupo do componente. Clique em Avançar.

  4. Esta etapa é opcional: definir as propriedades do componente É Contêiner, Sem decoração, Nome da célula, e Caminho da caixa de diálogo. Clique em Avançar.

  5. Esta etapa é opcional: defina a propriedade do componente Pais permitidos. Clique em Avançar.

  6. Esta etapa é opcional: defina a propriedade do componente Filhos permitidos. Clique em OK.

  7. Clique em Salvar tudo para salvar as alterações no servidor.

Ele cria:

  • Um nó do tipo cq:Component
  • Propriedades do componente
  • Um componente script .jsp

Criando uma caixa de diálogo creating-a-dialog

Para criar uma caixa de diálogo com o CRXDE Lite:

  1. Abra o CRXDE Lite no navegador.

  2. No painel Navegação, clique com o botão direito do mouse no componente em que deseja criar a caixa de diálogo, selecione Criar …, depois Criar caixa de diálogo….

  3. Insira o Rótulo e a variável Título. Clique em OK.

  4. Clique em Salvar tudo l para salvar as alterações no servidor.

Ele cria uma caixa de diálogo com a seguinte estrutura:

dialog[cq:Dialog]/items[cq:Widget]/items[cq:WidgetCollection]/tab1[cq:Panel]

Agora você pode adaptar a caixa de diálogo às suas necessidades modificando propriedades ou criando nós.

Você também pode usar o Editor de diálogo para editar um diálogo. Clicar duas vezes no nó da caixa de diálogo no CRXDE Lite exibe o editor. Mais informações sobre o Editor de diálogo podem ser encontradas aqui.

Criando um nó creating-a-node

Para criar um nó com CRXDE Lite:

  1. Abra o CRXDE Lite no navegador.
  2. No painel Navegação, clique com o botão direito do mouse no nó em que deseja criar o nó, selecione Criar …, depois Criar nó ….
  3. Insira o Nome e a variável Tipo. Clique em OK.
  4. Clique em Salvar tudo para salvar as alterações no servidor.

Agora você pode adaptar o nó às suas necessidades modificando propriedades ou criando nós.

NOTE
A maioria das operações de edição, incluindo Criar nó, mantém todas as alterações na memória e só as armazena no repositório após salvar (por meio do botão "Salvar tudo"). No entanto, algumas operações, como mover, são automaticamente mantidas.
A validação sobre se o nó recém-criado é permitido pelo tipo de nó do nó principal também é realizada pelo repositório JCR primeiro ao salvar as alterações. Se você receber uma mensagem de erro ao salvar um nó, verifique se a estrutura do conteúdo é válida (por exemplo, não é possível criar um nt:unstructured nó como filho de nt:folder nó).

Criação de uma propriedade creating-a-property

Para criar uma propriedade com o CRXDE Lite:

  1. Abra o CRXDE Lite no navegador.

  2. No painel Navegação, selecione o nó ao qual deseja adicionar a nova propriedade.

  3. No Propriedades no painel inferior, digite a Nome, o Tipo, e o Valor. Clique em Adicionar.

  4. Clique em Salvar tudo para salvar as alterações no servidor.

Criação de um script creating-a-script

Para criar um script:

  1. Abra o CRXDE Lite no navegador.

  2. No painel Navegação, clique com o botão direito do mouse no componente em que deseja criar o script, selecione Criar …, depois Criar arquivo….

  3. Insira o arquivo Nome incluindo a sua extensão. Clique em OK.

  4. O novo arquivo é aberto como uma guia no painel Editar.

  5. Edite o arquivo.

  6. Clique em Salvar tudo para salvar as alterações.

Exportando e importando tipos de nós exporting-and-importing-node-types

Com o CRXDE Lite, você pode importar e/ou exportar definições de tipo de nó no Notação CND (Compact Namespace and Node Type Definition).

Para exportar uma definição de tipo de nó:

  1. Abra o CRXDE Lite no navegador.

  2. Selecione o nó desejado.

  3. Selecionar Ferramentas depois Exportar tipo de nó.

  4. A definição, em notação de contagem, é exibida no navegador. Salve as informações, se necessário.

Para importar uma definição de tipo de nó:

  1. Abra o CRXDE Lite no navegador.

  2. Selecionar Ferramentas depois Importar tipo de nó….

  3. Insira a notação CND para a definição na caixa de texto.

  4. Marcar Permitir atualização se estiver atualizando uma definição existente.

  5. Clique em Importar.

Logs logging

Com o CRXDE Lite, é possível exibir o arquivo error.log que está no sistema de arquivos em <crx-install-dir>/crx-quickstart/server/logs e filtrá-lo com o nível de log apropriado. Proceda da seguinte forma:

  1. Abra o CRXDE Lite no navegador.

  2. No Console na parte inferior da janela, no menu suspenso à direita, selecione Logs do servidor.

  3. Clique em Parar ícone para exibir as mensagens.

É possível:

  • Ajuste os parâmetros de log no Felix Console clicando no ícone Configurações de registro ícone.
  • Limpe as mensagens clicando no ícone Pincel ícone.
  • Fixe a mensagem na seleção clicando no ícone Fixar ícone.
  • Ative ou desative a exibição de mensagens clicando no link Parar ícone.

Controle de acesso access-control

NOTE
Consulte Administração de usuários, grupos e direitos de acesso para obter mais informações.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2