Arquitetura do Editor universal architecture

Saiba mais sobre a arquitetura do Editor universal e como os dados fluem entre seus serviços e camadas.

Blocos de construção da arquitetura building-blocks

O Editor universal é composto de quatro elementos essenciais que interagem para permitir que autores(as) de conteúdo editem qualquer aspecto do conteúdo das implementações, a fim de entregar experiências excepcionais, aumentar a velocidade do conteúdo e fornecer uma experiência de desenvolvimento de última geração.

Este documento descreve cada um desses blocos de construção e como eles trocam dados.

Arquitetura do Editor universal

TIP
Para ver o Universal Editor e sua arquitetura em ação, consulte Introdução ao editor universal no AEM para saber como obter acesso ao Universal Editor e como começar a instrumentar seu primeiro aplicativo AEM para usá-lo.

Editores editors

  • Editor universal: o Editor universal usa um DOM instrumentado para permitir a edição local do conteúdo. Consulte o documento Atributos e tipos para obter detalhes sobre os metadados necessários. Consulte o documento Introdução ao Editor universal no AEM para obter um exemplo da instrumentação no AEM.
  • Painel Propriedades - Algumas propriedades dos componentes não podem ser editadas no contexto, por exemplo, o tempo de rotação de um carrossel ou qual guia do acordeão deve ser sempre aberta ou fechada. Para permitir a edição dessas informações de componente, um editor baseado em formulário é fornecido no painel lateral do editor.

Aplicativo remoto remote-app

Para tornar um aplicativo editável no contexto do Editor universal, o DOM deve ser instrumentado. O aplicativo remoto deve renderizar determinados atributos no DOM. Consulte o documento Atributos e tipos para obter detalhes sobre os metadados necessários. Consulte o documento Introdução ao Editor universal no AEM para obter um exemplo da instrumentação no AEM.

O Editor universal busca manter um SDK simples, portanto, a instrumentação é de responsabilidade da implementação remota do aplicativo.

Camada de API api-layer

  • Dados de conteúdo: para o Editor universal, nem os sistemas de origem dos dados de conteúdo nem a forma como são consumidos são importantes. É importante apenas definir e fornecer os atributos necessários usando dados editáveis no contexto.
  • Dados persistentes: para cada dado editável, há um identificador de URN. Esse URN é usado para rotear a persistência para o sistema e recurso corretos.

Camada de persistência persistence-layer

  • Modelo de fragmento de conteúdo: para que o painel permita a edição das propriedades de fragmentos de conteúdo, do Editor de fragmento de conteúdo e dos editores baseados em formulário, são necessários modelos por componente e fragmento de conteúdo.
  • Conteúdo - O conteúdo pode ser armazenado em qualquer lugar, como em AEM, Magento e assim por diante.

Camada de persistência

Serviço do editor universal e envio do sistema de back-end service

O Editor universal envia todas as alterações de conteúdo para um serviço centralizado chamado Serviço do editor universal. Este serviço, que é executado no Adobe I/O Runtime, carrega plug-ins disponíveis no Registro de extensão com base no URN fornecido. O plug-in é responsável pela comunicação com o back-end e pelo retorno de uma resposta unificada.

Serviço do editor universal

Renderizar pipelines rendering-pipelines

Renderização do lado do servidor server-side

Renderização do lado do servidor

Geração de site estático static-generation

Geração de site estático

Renderização do lado do cliente client-side

Renderização do lado do cliente

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab