Show Menu
TÓPICOS×

Tutorial: Publicar seu formulário adaptativo

Este tutorial é uma etapa da série Criar seu primeiro formulário adaptável. É recomendável seguir a série em sequência cronológica para entender, executar e demonstrar o caso de uso do tutorial completo.
Depois que o formulário adaptável estiver pronto, você poderá publicá-lo para disponibilizá-lo aos usuários finais. Os usuários finais podem abrir o formulário publicado em qualquer dispositivo e navegador da Internet. Quando um formulário adaptável é publicado, o formulário e o conteúdo relacionado são copiados de uma instância do autor de AEM para uma instância de publicação de AEM. O formulário é disponibilizado ao usuário final por meio da instância de publicação.
Você tem os seguintes métodos para publicar um formulário adaptável:

Antes de você iniciar

  • Configure uma instância ​de publicação do AEM Forms: A instância de publicação é uma instância pública voltada para o AEM Forms executada no modo de publicação. Em um ambiente de produção, a instância de publicação está fora do firewall da organização.
  • Configurar replicação e replicação ​reversa: A replicação copia o conteúdo da instância do autor para uma instância de publicação e retorna a entrada do usuário (por exemplo, entrada de formulário) da instância de publicação para a instância do autor.

Publicar o formulário adaptativo como uma página do AEM

Quando o formulário adaptativo é publicado como uma página AEM, a página da Web inteira contém apenas o formulário publicado. Você pode usar o URL do formulário adaptável para vinculá-lo a partir de outra página da Web. Para publicar o formulário adaptativo Taxadade-address-add-update-form como uma Página AEM:
  1. Faça logon na instância do autor do AEM Forms e localize o formulário adaptável Taxoe/ou-add-update-form na interface do usuário do AEM Forms. https://localhost:4502/aem/forms.html/content/dam/formsanddocuments
  2. Selecione o formulário adaptável de entrega-address-add-update-form e toque em Publicar . Uma caixa de diálogo contendo ativos relacionados ao formulário adaptativo é exibida. Toque em Publicar . O formulário adaptável é publicado e uma caixa de diálogo de sucesso é exibida.
  3. Abra o formulário na instância de publicação. O formulário está disponível para preenchimento e envio pelo usuário final. https://localhost:4503/content/forms/af/shipping-address-add-update-form.html

Incorporar o formulário adaptável em uma página do AEM Sites

O AEM Forms permite que desenvolvedores de formulários incorporem formulários adaptativos sem problemas em uma página do AEM Sites. O formulário adaptativo incorporado está totalmente funcional e os usuários podem preencher e enviar o formulário sem sair da página. Ajuda o usuário a permanecer no contexto de outros elementos na página da Web e a interagir simultaneamente com o formulário.
O AEM Forms fornece um componente, Container do AEM Forms, para incorporar um formulário adaptável a uma página do AEM Sites. Por padrão, o componente não fica visível no container do AEM Sites. Execute as seguintes etapas para ativar o componente de Container do AEM Forms e incorporar o formulário adaptável em uma página do AEM Sites:
  1. Crie e abra uma página no site We.Retail para edição. Por exemplo, https://localhost:4502/editor.html/content/we-retail/us/en/user/shipping-and-billing-address.html . O formulário adaptável é incorporado à página de sites.
    Você também pode incorporar o formulário adaptativo em uma página existente do site We.Retail. Por exemplo, a página SOBRE EUA https://localhost:4502/editor.html/content/we-retail/us/en/about-us.html . Ele economiza tempo para criar uma página. As etapas abaixo usam a página recém-criada.
    O site We.Retail é enviado com o AEM. Se você não tiver o site We.Retail instalado, consulte Implementação de referência We.Retail para instalar o site.
  2. Toque nas informações da página de e selecione a opção Editar modelo na página do site We.Retail recém-criada. O modelo da página é aberto em uma nova guia do navegador.
  3. Toque na caixa de container do layout e toque em de feeds. Na guia Componentes ​permitidos, expanda a opção Geral , selecione a opção Formulário ​AEM e toque . O componente de Container do AEM Forms está ativado para a página.
  4. Abra a guia do navegador que contém a página Sites AEM aberta na etapa 1. Toque na caixa Arraste os componentes aqui e toque em +. Na caixa Inserir novo componente , toque em Formulário AEM. O componente de Container ​do AEM Forms é adicionado à página.
  5. Toque no componente do container do AEM Forms e toque em . Uma caixa de diálogo com as propriedades do Container do AEM Forms é exibida. No campo Caminho do ativo, navegue e selecione o formulário adaptável de formulário de entrega-address-add-update-form. Tocar . O formulário adaptável é incorporado na página.
  6. Publique o formulário adaptável e a página de sites. Estes são alguns pontos que devem ser levados em consideração:
    • Se você publicar a página de sites do AEM pela primeira vez e incluir um formulário incorporado, publique a página de sites e o formulário incorporado.
    • Se você modificar apenas o formulário incorporado em uma página do site publicada, publique o formulário original e as alterações serão refletidas na página do site publicado. A página do site publicada inclui uma referência ao formulário e não exige a republicação da página.
    • Se você modificar a página de sites e o formulário incorporado, publique novamente a página de sites e o formulário.
    Formulário de Alteração de endereço de remessa e cobrança adicionado a uma página do AEM Sites.

Incorporar o formulário adaptável em uma página da Web externa

É possível incorporar um formulário adaptável a uma página externa da Web (uma página da Web que não seja do AEM hospedada fora do AEM) inserindo algumas linhas do JavaScript na página externa da Web. O código JavaScript envia uma solicitação HTTP ao servidor do AEM Forms para o formulário adaptável e recursos relacionados e adiciona o formulário adaptável à página da Web. Para obter etapas detalhadas, consulte Incorporar o formulário adaptável a uma página da Web externa.