Amostra para integrar o componente de rascunhos e envios ao banco de dados

Visão geral da amostra

O componente de rascunhos e envios do portal da AEM Forms permite que os usuários salvem seus formulários como rascunhos e enviem posteriormente de qualquer dispositivo. Além disso, os usuários podem visualização seus formulários enviados no portal. Para habilitar essa funcionalidade, a AEM Forms fornece serviços de dados e metadados para armazenar os dados preenchidos por um usuário no formulário e os metadados associados aos rascunhos e formulários enviados. Esses dados são armazenados no repositório CRX, por padrão. No entanto, à medida que os usuários interagem com formulários por meio AEM instância de publicação, que geralmente está fora do firewall da empresa, as organizações podem querer personalizar o armazenamento de dados para que ele seja mais seguro e confiável.

A amostra, discutida neste documento, é uma implementação de referência de dados personalizados e serviços de metadados para integrar os componentes de rascunhos e envios a um banco de dados. O banco de dados usado na implementação de amostra é MySQL 5.6.24. No entanto, você pode integrar o componente de rascunhos e envios a qualquer banco de dados de sua escolha.

Configurar e configurar a amostra

Execute as seguintes etapas, em todas as instâncias de autor e publicação, para instalar e configurar a amostra:

1. Baixe o seguinte pacote aem-fp-db-integration-sample-pkg-6.1.2.zip no seu sistema de arquivos.

   Pacote de amostra para integração de banco de dados

   Obter arquivo

2. Vá para AEM gerenciador de pacotes em https://[host]:[port]/crx/packmgr/.

3. Clique em Carregar pacote.

4. Navegue para selecionar o pacote aem-fp-db-integration-sample-pkg-6.1.2.zip e clique em OK.

5. Clique em Instalar ao lado do pacote para instalar o pacote.

6. Ir para AEM Configuração do Web Console
   página em https://[host]:[porta]/system/console/configMgr.

7. Clique para abrir Forms Portal Draft and Submission Configuration no modo de edição.

8. Especifique os valores para as propriedades conforme descrito na tabela a seguir:

   Propriedade	Descrição	Valor
   Serviço de dados de rascunho do Forms Portal	Identificador do serviço de dados de rascunho	formsportal.sampledataservice
   Serviço de Metadados de Rascunho do Forms Portal	Identificador do serviço de metadados de rascunho	formsportal.samplemetadataservice
   Serviço de dados de envio do portal da Forms	Identificador para enviar serviço de dados	formsportal.sampledataservice
   Serviço de Metadados de Envio do Forms Portal	Identificador para o serviço de metadados de envio	formsportal.samplemetadataservice
   Serviço de Dados de Assinatura Pendente do Forms Portal	Identificador do serviço de dados de assinatura pendente	formsportal.sampledataservice
   Serviço de Metadados de Assinatura Pendente do Forms Portal	Identificador do serviço de metadados de assinatura pendente	formsportal.samplemetadataservice

   OBSERVAÇÃO

   Os serviços são resolvidos pelos nomes mencionados como valor para a chave aem.formsportal.impl.prop da seguinte maneira:

   @Service(value = {SubmitDataService.class, DraftDataService.class})
   @Property(name = "aem.formsportal.impl.prop", value = "formsportal.sampledataservice")
   @Service(value = { SubmitMetadataService.class, DraftMetadataService.class })
   @Property(name = "aem.formsportal.impl.prop", value = "formsportal.samplemetadataservice")
   

   É possível alterar os nomes das tabelas de dados e metadados.

   Para fornecer um nome diferente para a tabela de metadados:

   • Na Configuração do console da Web, localize e clique em Implementação de amostra do serviço de metadados do portal Forms. Você pode alterar os valores da fonte de dados, dos metadados/do nome da tabela de metadados adicionais.

   Para fornecer um nome diferente para a tabela de dados:

   • Na Configuração do console da Web, localize e clique em Implementação de amostra do serviço de dados do portal Forms. É possível alterar os valores da fonte de dados e do nome da tabela de dados.
   OBSERVAÇÃO

   Se você alterar os nomes das tabelas, forneça-os na configuração do Portal de formulários.

9. Deixe outras configurações como estão e clique em Salvar.

10. A conexão com o banco de dados pode ser feita por meio da Fonte de Dados Pooling da Conexão Apache Sling.

11. Para conexão Apache Sling, localize e clique para abrir Apache Sling Connection Pooling DataSource no modo de edição na Configuração do console da Web. Especifique os valores para as propriedades conforme descrito na tabela a seguir:

1. Deixe outras configurações como estão e clique em Salvar.

2. Se você já tiver uma tabela no schema do banco de dados, pule para a próxima etapa.

   Caso contrário, se você ainda não tiver uma tabela no schema do banco de dados, execute as seguintes instruções SQL para criar tabelas separadas para dados, metadados e metadados adicionais no schema do banco de dados:

   OBSERVAÇÃO

   Você não exige bancos de dados diferentes para instâncias de autor e publicação. Use o mesmo banco de dados em todas as instâncias de autor e publicação.

   Instrução SQL para tabela de dados

   CREATE TABLE `data` (
   `owner` varchar(255) DEFAULT NULL,
   `data` longblob,
   `metadataId` varchar(45) DEFAULT NULL,
   `id` varchar(45) NOT NULL,
   PRIMARY KEY (`id`)
   ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
   

   Instrução SQL para tabela de metadados

   CREATE TABLE `metadata` ( 
   `formPath` varchar(1000) DEFAULT NULL,
   `formType` varchar(100) DEFAULT NULL,
   `description` text,
   `formName` varchar(255) DEFAULT NULL,
   `owner` varchar(255) DEFAULT NULL,
   `enableAnonymousSave` varchar(45) DEFAULT NULL,
   `renderPath` varchar(1000) DEFAULT NULL,
   `nodeType` varchar(45) DEFAULT NULL,
   `charset` varchar(45) DEFAULT NULL,
   `userdataID` varchar(45) DEFAULT NULL,
   `status` varchar(45) DEFAULT NULL,
   `formmodel` varchar(45) DEFAULT NULL,
   `markedForDeletion` varchar(45) DEFAULT NULL,
   `showDorClass` varchar(255) DEFAULT NULL,
   `sling:resourceType` varchar(1000) DEFAULT NULL,
   `attachmentList` longtext,
   `draftID` varchar(45) DEFAULT NULL,
   `submitID` varchar(45) DEFAULT NULL,
   `id` varchar(60) NOT NULL,
   `profile` varchar(255) DEFAULT NULL,
   `submitUrl` varchar(1000) DEFAULT NULL,
   `xdpRef` varchar(1000) DEFAULT NULL,
   `agreementId` varchar(255) DEFAULT NULL,
   `nextSigners` varchar(255) DEFAULT NULL,
   `eSignStatus` varchar(45) DEFAULT NULL,
   `pendingSignID` varchar(45) DEFAULT NULL,
   `agreementDataId` varchar(255) DEFAULT NULL,
   `enablePortalSubmit` varchar(45) DEFAULT NULL,
   `submitType` varchar(45) DEFAULT NULL,
   `dataType` varchar(45) DEFAULT NULL,
   `jcr:lastModified` varchar(45) DEFAULT NULL,
   PRIMARY KEY (`id`),
   UNIQUE KEY `ID_UNIQUE` (`id`)
   ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
   

   Instrução SQL para metadados adicionais

   CREATE TABLE `additionalmetadatatable` (
   `value` text,
   `key` varchar(255) NOT NULL,
   `id` varchar(60) NOT NULL,
   PRIMARY KEY (`id`,`key`),
   CONSTRAINT ‘additionalmetadatatable_fk’ FOREIGN KEY (`id`) REFERENCES `metadata` (`id`) ON DELETE CASCADE
   ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
   

   Instrução SQL para tabela de comentários

   CREATE TABLE `commenttable` (
   `commentId` varchar(255) DEFAULT NULL,
   `comment` text DEFAULT NULL,
   `ID` varchar(255) DEFAULT NULL,
   `commentowner` varchar(255) DEFAULT NULL,
   `time` varchar(255) DEFAULT NULL);
   

3. Se você já tiver as tabelas (dados, metadados e metadados adicionais) no schema de banco de dados, execute os seguintes query de tabela futura:

   Instrução SQL para alterar a tabela de dados

   ALTER TABLE `data` CHANGE `owner` `owner` VARCHAR(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL;
   

   Instrução SQL para alterar a tabela de metadados

   ALTER TABLE metadata add markedForDeletion varchar(45) DEFAULT NULL
   

   [!NOTE]

   O query de adição de metadados ALTER TABLE falhará se você já o tiver executado e a coluna markedforDelete estiver presente na tabela.

   ALTER TABLE metadata add agreementId varchar(255) DEFAULT NULL,
   add nextSigners varchar(255) DEFAULT NULL, 
   add eSignStatus varchar(45) DEFAULT NULL,
   add pendingSignID varchar(45) DEFAULT NULL,
   add agreementDataId varchar(255) DEFAULT NULL,
   add enablePortalSubmit varchar(45) DEFAULT NULL,
   add submitType varchar(45) DEFAULT NULL,
   add dataType varchar(45) DEFAULT NULL;
   

   ALTER TABLE `metadata` CHANGE `formPath` `formPath` VARCHAR(1000) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
   CHANGE `formType` `formType` VARCHAR(100) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
   CHANGE `description` `description` TEXT CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
   CHANGE `formName` `formName` VARCHAR(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
   CHANGE `owner` `owner` VARCHAR(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
   CHANGE `renderPath` `renderPath` VARCHAR(1000) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
   CHANGE `showDorClass` `showDorClass` VARCHAR(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
   CHANGE `sling:resourceType` `sling:resourceType` VARCHAR(1000) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
   CHANGE `profile` `profile` VARCHAR(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
   CHANGE `submitUrl` `submitUrl` VARCHAR(1000) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
   CHANGE `xdpRef` `xdpRef` VARCHAR(1000) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL;
   

   Instrução SQL para alterar a tabela de metadados adicionais

   ALTER TABLE `additionalmetadatatable` CHANGE `value` `value` TEXT CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL, CHANGE `key` `key` VARCHAR(255) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL;
   

A implementação de amostra agora está configurada, que você pode usar para lista de rascunhos e envios enquanto armazena todos os dados e metadados em um banco de dados. Agora vamos ver como os dados e os serviços de metadados são configurados na amostra.

Instale o arquivo mysql-Connector-java-5.1.39-bin.jar

Execute as seguintes etapas, em todas as instâncias de autor e publicação, para instalar o arquivo mysql-Connector-java-5.1.39-bin.jar:

1. Navegue até https://[server]:[port]/system/console/depfinder e pesquise pelo pacote com.mysql.jdbc.

2. Na coluna Exportado por, verifique se o pacote é exportado por qualquer pacote.

   Continue se o pacote não for exportado por nenhum pacote.

3. Navegue até https://[server]:[port]/system/console/bundles e clique em Instalar/Atualizar.

4. Clique em Escolher Arquivo e navegue para selecionar o arquivo mysql-Connector-java-5.1.39-bin.jar. Além disso, marque as caixas de seleção Pacote de Start e Atualizar pacotes.

5. Clique em Instalar ou Atualizar. Após a conclusão, reinicie o servidor.

6. (Windows only) Desligue o firewall do sistema para o seu sistema operacional.

Código de amostra para dados do portal de formulários e serviço de metadados

O zip a seguir contém FormsPortalSampleDataServiceImpl e FormsPortalSampleMetadataServiceImpl (classes de implementação) para interfaces de serviço de dados e metadados. Além disso, ele contém todas as classes necessárias para a compilação das classes de implementação acima mencionadas.

Obter arquivo

Verifique o comprimento do nome do arquivo

A implementação do banco de dados do Forms Portal usa outra tabela de metadados. A tabela tem uma chave primária composta com base nas colunas Chave e Id da tabela. O MySQL permite chaves primárias até o comprimento de 255 caracteres. Você pode usar o seguinte script de validação do lado do cliente para verificar a duração do nome de arquivo anexado ao widget de arquivo. A validação é executada quando um arquivo é anexado. O script fornecido no procedimento a seguir exibe uma mensagem, quando o nome do arquivo for maior que 150 (incluindo extensão). É possível modificar o script para verificar se há um número diferente de caracteres.

Execute as seguintes etapas para criar uma biblioteca de cliente e usar o script:

1. Faça logon no CRXDE e navegue até /etc/clientlibs/

2. Crie um nó do tipo cq:ClientLibraryFolder e forneça o nome do nó. Por exemplo, validation.

   Clique em Salvar tudo.

3. Clique com o botão direito do mouse no nó, clique em criar novo arquivo e crie um arquivo com a extensão .txt. Por exemplo, js.txtAdicione o seguinte código ao arquivo .txt recém-criado e clique em Salvar tudo.

   #base=util 
    util.js
   

   No código acima, util é o nome da pasta e util.js do arquivo na pasta util. A pasta util e o arquivo util.js são criados em etapas bem-sucedidas.

4. Clique com o botão direito do mouse no nó cq:ClientLibraryFolder criado na etapa 2, selecione Criar > Criar pasta. Crie uma pasta chamada util. Clique em Salvar tudo. Clique com o botão direito do mouse na pasta util e selecione Criar > Criar arquivo. Crie um arquivo chamado util.js. Clique em Salvar tudo.

5. Adicione o seguinte código ao arquivo util.js e clique em Salvar tudo. O comprimento de validação do código do nome do arquivo.

   /*
    * ADOBE CONFIDENTIAL
    * ___________________
    *
    * Copyright 2016 Adobe Systems Incorporated
    * All Rights Reserved.
    *
    * NOTICE:  All information contained herein is, and remains
    * the property of Adobe Systems Incorporated and its suppliers,
    * if any.  The intellectual and technical concepts contained
    * herein are proprietary to Adobe Systems Incorporated and its
    * suppliers and may be covered by U.S. and Foreign Patents,
    * patents in process, and are protected by trade secret or copyright law.
    * Dissemination of this information or reproduction of this material
    * is strictly forbidden unless prior written permission is obtained
    * from Adobe Systems Incorporated.
    *
    */
   (function () {
       var connectWithGuideBridge = function (gb) {
           gb.connect(function () {
               //For first time load
               window.guideBridge.on("elementValueChanged" , function(event, payload) {
           var component = payload.target; // Field whose value has changed
                   if(component.name == 'fileAttachment' && component.parent) {
                       var fileItems = $('#'+payload.target.parent.id).find(".guide-fu-fileItem");
                       for (i = 0;i<fileItems.length;i++) {
                           var filename = $(fileItems[i]).find(".guide-fu-fileName").text();
                           //check whether it is previously attached file or a newly  attached one
                           if(filename.length > 150 && filename.indexOf("fp.attach.jsp") < 0) {
                               window.alert("filename is larger than 150 : "+filename);
                                $(fileItems[i]).find(".guide-fu-fileClose.close").click();
                           }
                       }
                   }
   
      });
           });
       };
   
       if (window.guideBridge) {
           connectWithGuideBridge(window.guideBridge);
       } else {
           window.addEventListener("bridgeInitializeStart", function (event) {
               connectWithGuideBridge(event.detail.guideBridge);
           });
       }
   })();
   

   OBSERVAÇÃO

   O script é para o componente de widget anexo OTB (out-out). Se você personalizou o widget de anexo OOTB, altere o script acima para incorporar as respectivas alterações.

6. Adicione a seguinte propriedade à pasta criada na etapa 2 e clique em Salvar tudo.

   • Nome: categorias

   • Tipo: String

   • Valor: fp.validation

   • várias opções: Ativado

7. Navegue até /libs/fd/af/runtime/clientlibs/guideRuntimee anexe o valor fp.validation à propriedade embed.

8. Navegue até /libs/fd/af/runtime/clientlibs/guideRuntimeWithXFA e anexe o valor fp.validation à propriedade embed.

   OBSERVAÇÃO

   Se você estiver usando bibliotecas de cliente personalizadas em vez das bibliotecas de cliente guideRuntime e guideRuntimeWithXfa, use o nome da categoria para incorporar a biblioteca de cliente criada neste procedimento às bibliotecas personalizadas carregadas no tempo de execução.

9. Clique em Salvar tudo. Agora, quando o nome do arquivo for maior que 150 caracteres (incluindo extensão), uma mensagem será exibida.