Criar o seu primeiro SPA React no AEM overview
Bem-vindo a um tutorial em várias partes projetado para desenvolvedores novos no Editor de SPA recurso no Adobe Experience Manager (AEM). Este tutorial aborda a implementação de um aplicativo React para uma marca fictícia de estilo de vida, a WKND. AEM O aplicativo React é desenvolvido e projetado para ser implantado com o editor SPA, que mapeia componentes do React para componentes do AEM. O SPA completo, implantado no AEM, pode ser criado dinamicamente com as ferramentas tradicionais de edição em linha do AEM.
Implementação do WKND SPA
Sobre
O tutorial foi projetado para funcionar com AEM as a Cloud Service e é compatível com versões anteriores com AEM 6.5.4+ e AEM 6.4.8+.
Código mais recente
Todo o código do tutorial pode ser encontrado em GitHub.
A variável base de código mais recente O está disponível como Pacotes AEM para download.
Pré-requisitos
Antes de iniciar este tutorial, você precisará do seguinte:
- Conhecimento básico do HTML, CSS e JavaScript
- Familiaridade básica com o React
Embora não seja obrigatório, é benéfico ter uma compreensão desenvolvimento de componentes tradicionais do AEM Sites.
Ambiente de desenvolvimento local local-dev-environment
Um ambiente de desenvolvimento local é necessário para concluir este tutorial. Capturas de tela e vídeos são capturados usando o SDK as a Cloud Service do AEM em execução em um ambiente de sistema operacional Mac com Código do Visual Studio como o IDE. Os comandos e o código devem ser independentes do sistema operacional local, a menos que indicado de outra forma.
Software necessário
- SDK AS A CLOUD SERVICE AEM, AEM 6.5.4+ ou AEM 6.4.8+
- Java
- Apache Maven (3.3.9 ou mais recente)
- Node.js e npm
Próximas etapas next-steps
O que você está esperando?! Inicie o tutorial navegando até o Criar projeto e saiba como gerar um projeto habilitado para o Editor de SPA usando o Arquétipo de projeto AEM.