Desenvolvimento com o CRXDE Lite developing-with-crxde-lite
Esta seção descreve como desenvolver seu aplicativo 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 registrar.
O CRXDE Lite é recomendado quando você não tem acesso direto ao servidor AEM, quando você desenvolve um aplicativo estendendo ou modificando os componentes prontos para uso e pacotes Java ou quando não precisa de um depurador dedicado, conclusão 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:
-
Instalar AEM.
-
No navegador, digite https://
<host>
:<port>
/crx/de. Por padrão, éhttp://localhost:4502/crx/de
. -
Insira seu username e senha. Por padrão, é
admin
eadmin
. -
Clique em OK.
A interface do usuário do CRXDE Lite tem a seguinte aparência no navegador:
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 na qual deseja criar a nova pasta e selecione Criar …, em seguida Criar pasta ….
-
Insira a pasta Nome 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 e selecione Criar …, em seguida 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 as Caminhos permitidos. Clique em Avançar
-
Esta etapa é opcional: defina as Pais permitidos. Clique em Avançar.
-
Esta etapa é opcional: defina as 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 da página
É possível adicionar propriedades ao modelo: consulte o Criação de uma propriedade seção.
Criação de um componente creating-a-component
O recurso descrito aqui só está disponível se o tipo de nó cq:Component
está disponível no repositório.
Para criar um componente com o 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 …, em seguida Criar componente ….
-
Insira o Rótulo, Título, Descrição, Tipo de Recurso Super e Grupo do componente. Clique em Avançar.
-
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.
-
Esta etapa é opcional: definir a propriedade do componente Pais permitidos. Clique em Avançar.
-
Esta etapa é opcional: definir 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 script .jsp de componente
Criação de 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 onde deseja criar a caixa de diálogo e selecione Criar …, em seguida Criar Caixa de Diálogo….
-
Insira o Rótulo e Título. Clique em OK.
-
Clique em Salvar tudo l para salvar as alterações no servidor.
Ele cria um 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 novos nós.
Também é possível usar o Editor de caixa de diálogo para editar uma caixa de diálogo. Clicar duas vezes no nó da caixa de diálogo no CRXDE Lite exibirá o editor. Mais informações sobre o Editor de caixa de diálogo podem ser encontradas here.
Criação de 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ó onde deseja criar o novo nó, selecione Criar …, em seguida Criar nó ….
-
Insira o Nome e 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 novos nós.
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:
-
Abra o CRXDE Lite no navegador.
-
No painel Navegação , selecione o nó no qual deseja adicionar a nova propriedade.
-
No Propriedades no painel inferior, digite a Nome, o Tipo e 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 novo script:
-
Abra o CRXDE Lite no navegador.
-
No painel Navegação, clique com o botão direito do mouse no componente onde deseja criar o script e selecione Criar …, em seguida Criar arquivo ….
-
Insira o arquivo Nome incluindo a 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.
Como exportar e importar tipos de nó exporting-and-importing-node-types
Com o CRXDE Lite, você pode importar e/ou exportar definições de tipo de nó em Notação CND (Compact Namespace e Definição de Tipo de Nó).
Para exportar uma definição de tipo de nó:
-
Abra o CRXDE Lite no navegador.
-
Selecione o nó desejado.
-
Selecionar Ferramentas then Exportar tipo de nó.
-
A definição, em notação cnd, será 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.
-
Selecionar Ferramentas then Importar Tipo de Nó….
-
Insira a notação CND para a definição na caixa de texto.
-
Verificar 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á localizado no sistema de arquivos em <crx-install-dir>/crx-quickstart/server/logs
e filtrá-lo com o nível de log apropriado. Proceda do seguinte modo:
-
Abra o CRXDE Lite no navegador.
-
No Console na parte inferior da janela, no menu suspenso à direita, selecione Logs do servidor.
-
Clique no botão Stop ícone para exibir as mensagens.
É possível:
- Ajuste os parâmetros de log no Felix Console clicando no botão Configurações de registro ícone .
- Limpe as mensagens clicando no botão Pincel ícone .
- Fixar a mensagem na seleção atual clicando no botão Pino ícone .
- Ative ou desative a exibição de mensagens clicando no botão Stop ícone .