Tutorial: Publicar o formulário adaptável

Este tutorial é uma etapa do Criar seu primeiro formulário adaptável série. É recomendável seguir a série em sequência cronológica para entender, executar e demonstrar o caso de uso tutorial completo.

Depois que o formulário adaptável estiver pronto, você poderá publicar o formulário para torná-lo disponível para os 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 de autor AEM para uma instância de publicação AEM. O formulário é disponibilizado para o 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

  • Configurar uma instância de publicação do AEM Forms: A instância de publicação é uma instância voltada para o público do AEM Forms em execução 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 inversa: 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, a entrada de formulário) da instância de publicação para a instância do autor.

Publicar o formulário adaptável como uma página de AEM

Quando o formulário adaptável é 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 a ship-address-add-update-form formulário adaptável como página AEM:

  1. Faça logon no AEM Forms instância do autor e localize o formulário adaptável de delivery-address-add-update-form no AEM Forms IU.
    https://localhost:4502/aem/forms.html/content/dam/formsanddocuments
  2. Selecione o formulário adaptável Taxafe-address-add-update-form e toque em Publicar. Uma caixa de diálogo que contém ativos relacionados ao formulário adaptável é exibida. Toque 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

AEM Forms permite que desenvolvedores de formulários incorporem formulários adaptáveis de maneira simples em uma AEM Sites página. O formulário adaptável incorporado é 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 interagir simultaneamente com o formulário.

AEM Forms fornecer um componente, AEM Forms Contêiner, para incorporar um formulário adaptável a um AEM Sites página. Por padrão, o componente não está visível no AEM Sites contêiner. Execute as seguintes etapas para ativar o AEM Forms Componente de contêiner e para incorporar o formulário adaptável em um AEM Sites Página:

  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 ao Sites página.

    Também é possível incorporar o formulário adaptável em um We.Retail existente Site’s página. 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 AEM. Se você não tiver o site We.Retail instalado, consulte Implementação de referência We.Retail instale o site.

  2. Toque propriedades e selecione o Editar modelo na página recém-criada do site We.Retail. O modelo da página é aberto em uma nova guia do navegador.

  3. Toque dentro do contêiner de layout e toque em gerenciamento de feeds. No Componentes permitidos , expanda a Geral , selecione a opção Formulário AEM e toque em save_icon. O AEM Forms O componente de contêiner é ativado para a página.

  4. Abra a guia do navegador que contém AEM Sites página aberta na etapa 1. Toque no Arraste componentes aqui e toque em +. No Inserir novo componente caixa, toque em Formulário AEM. O Contêiner AEM Forms é adicionado à página.

  5. Toque no Contêiner AEM Forms componente e toque configure-icon. Uma caixa de diálogo com propriedades de AEM Forms Contêiner é exibido. No Caminho do ativo navegue e selecione o formulário adaptável Taxe-address-add-update-form. Toque save_icon. O formulário adaptável é incorporado na página.

  6. Publique o formulário adaptável e Sites página. Estes são alguns pontos que devem ser levados em consideração:

    • Se você publicar a AEM Sites pela primeira vez e inclui um formulário incorporado, publique a variável Sites e o formulário incorporado.

    • Se 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 publicada. A página do site publicada inclui uma referência ao formulário e não requer a republicação da página.

    • Se você modificar o Sites e o formulário incorporado, republique a variável Sites e o formulário.

      embed-in-aem-sites
      Formulário de Alteração de Endereço de Entrega e Faturamento adicionado a um AEM Sites página.

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

Você pode incorporar um formulário adaptável a uma página da Web externa (uma página da Web que não seja AEM hospedada fora do AEM) inserindo algumas linhas de JavaScript na página da Web externa. O código JavaScript envia uma solicitação HTTP para o 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.

Nesta página