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.
Os usuários são redirecionados para a tela de logon.
Introdução ao CRXDE Lite getting-started-with-crxde-lite
Para começar a usar o CRXDE Lite, proceda da seguinte maneira:
-
Instale o AEM.
-
Em seu navegador, digite
https://<host>:<port>/crx/de
. Por padrão, éhttps://localhost:4502/crx/de
. -
Digite seu nome de usuário e sua senha. Por padrão, é
admin
eadmin
. -
Clique em OK.
No seu navegador, a interface de usuário do CRXDE Lite é semelhante a:
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:
Criação de pastas creating-a-folder
Para criar uma pasta com o CRXDE Lite:
-
Abra o CRXDE Lite no navegador.
-
No painel Navegação, clique com o botão direito do mouse na pasta em que deseja criar a pasta, selecione Criar… e Criar Pasta….
-
Insira a pasta Name e clique em OK.
-
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:
-
Abra o CRXDE Lite no navegador.
-
No painel Navegação, clique com o botão direito do mouse na pasta onde deseja criar o modelo, selecione Criar… e Criar Modelo….
-
Insira o Rótulo, Título, Descrição, Tipo de Recurso e Classificação do modelo. Clique em Avançar.
-
Esta etapa é opcional: defina os Caminhos permitidos. Clique em Avançar
-
Esta etapa é opcional: defina os Pais permitidos. Clique em Avançar.
-
Esta etapa é opcional: defina os Filhos permitidos. Clique em OK.
-
Clique em Salvar tudo para salvar as alterações no servidor.
Ele cria:
-
Um nó do tipo
cq:Template
com propriedades de Modelo -
Um nó filho do tipo
cq:PageContent
com propriedades de Conteúdo de Página
Você pode adicionar propriedades ao modelo: consulte a seção Criação de uma Propriedade.
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
estiver disponível no repositório.
Para criar um componente com CRXDE Lite:
-
Abra o CRXDE Lite no navegador.
-
No painel Navegação, clique com o botão direito do mouse na pasta onde deseja criar o componente, selecione Criar… e Criar Componente….
-
Insira o Rótulo, Título, Descrição, SuperTipo de Recurso e Grupo do componente. Clique em Avançar.
-
Esta etapa é opcional: defina as propriedades do componente É Contêiner, Sem Decoração, Nome da Célula e Caminho da Caixa de Diálogo. Clique em Avançar.
-
Esta etapa é opcional: defina a propriedade do componente Pais Permitidos. Clique em Avançar.
-
Esta etapa é opcional: defina a propriedade do componente Filhos Permitidos. Clique em OK.
-
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:
-
Abra o CRXDE Lite no navegador.
-
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 ….
-
Insira o Rótulo e o Título. Clique em OK.
-
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. Consulte Editor da caixa de diálogo para obter mais detalhes.
Criando um nó creating-a-node
Para criar um nó com CRXDE Lite:
- Abra o CRXDE Lite no navegador.
- 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ó ….
- Insira o Nome e o Tipo. Clique em OK.
- 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.
nt:unstructured
como filho do nó nt:folder
).Criação de uma propriedade creating-a-property
Para criar uma propriedade com o CRXDE Lite:
-
Abra o CRXDE Lite no navegador.
-
No painel Navegação, selecione o nó ao qual deseja adicionar a nova propriedade.
-
Na guia Propriedades do painel inferior, digite o Nome, o Tipo e o Valor. Clique em Adicionar.
-
Clique em Salvar tudo para salvar as alterações no servidor.
Criação de um script creating-a-script
Para criar um script:
-
Abra o CRXDE Lite no navegador.
-
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 ….
-
Insira o Arquivo Nome, incluindo sua extensão. Clique em OK.
-
O novo arquivo é aberto como uma guia no painel Editar.
-
Edite o arquivo.
-
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ó na notação CND (Compact Namespace and Node Type Definition).
Para exportar uma definição de tipo de nó:
-
Abra o CRXDE Lite no navegador.
-
Selecione o nó desejado.
-
Selecione Ferramentas e Exportar Tipo de Nó.
-
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ó:
-
Abra o CRXDE Lite no navegador.
-
Selecione Ferramentas e Importar Tipo de Nó….
-
Insira a notação CND para a definição na caixa de texto.
-
Marque Permitir atualização se estiver atualizando uma definição existente.
-
Clique em Importar.
Logs logging
Com o CRXDE Lite, você pode 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:
-
Abra o CRXDE Lite no navegador.
-
Na guia Console, na parte inferior da janela, no menu suspenso à direita, selecione Logs do Servidor.
-
Clique no ícone Parar para exibir as mensagens.
É possível:
- Ajuste os parâmetros de log no Felix Console clicando no ícone Configurações de Log.
- Limpe as mensagens clicando no ícone Pincel.
- Fixar a mensagem na seleção clicando no ícone Fixar.
- Habilite ou desabilite a exibição de mensagens clicando no ícone Parar.