Esempio per l'integrazione del componente bozze e invii con il database

Panoramica di esempio

Il componente bozze e invii del portale AEM Forms consente agli utenti di salvare i moduli come bozze e di inviarli successivamente da qualsiasi dispositivo. Inoltre, gli utenti possono visualizzare i moduli inviati sul portale. Per abilitare questa funzionalità, AEM Forms fornisce servizi per dati e metadati per memorizzare i dati compilati da un utente nel modulo e i metadati del modulo associati alle bozze e ai moduli inviati. Per impostazione predefinita, questi dati vengono memorizzati nell’archivio CRX. Tuttavia, poiché gli utenti interagiscono con i moduli tramite AEM’istanza di pubblicazione, generalmente all’esterno del firewall aziendale, le organizzazioni possono voler personalizzare l’archiviazione dati per renderla più sicura e affidabile.

L'esempio, discusso in questo documento, è un'implementazione di riferimento di servizi di dati e metadati personalizzati per integrare le bozze e i componenti di invio con un database. Il database utilizzato nell'implementazione di esempio è MySQL 5.6.24. Tuttavia, è possibile integrare le bozze e il componente di invio con qualsiasi database desiderato.

Imposta e configura l’esempio

Esegui i seguenti passaggi, su tutte le istanze di authoring e pubblicazione, per installare e configurare l’esempio :

1. Scarica quanto segue aem-fp-db-integration-sample-pkg-6.1.2.zip creare un pacchetto nel file system.

   Pacchetto di esempio per l'integrazione del database

Ottieni file

1. Vai AEM gestore dei pacchetti all'indirizzo https://[host]:[porta]/crx/packmgr/.

2. Fai clic su Carica pacchetto.

3. Sfoglia per selezionare il aem-fp-db-integration-sample-pkg-6.1.2.zip pacchetto e fai clic su OK.

4. Fai clic su Installa accanto al pacchetto per installare il pacchetto.

5. Vai a Configurazione della console Web AEM
   pagina https://[host]:[porta]/system/console/configMgr.

6. Fai clic per aprire Configurazione bozza e invio del portale Forms in modalità di modifica.

7. Specifica i valori delle proprietà come descritto nella tabella seguente:

   Proprietà	Descrizione	Valore
   Servizio dati bozza di Forms Portal	Identificatore del servizio dati bozza	formsportal.sampledataservice
   Servizio metadati bozza del portale Forms	Identificatore per il servizio di metadati bozza	formsportal.samplemetadataservice
   Servizio di invio dati di Forms Portal	Identificatore per il servizio di invio dati	formsportal.sampledataservice
   Servizio di invio metadati del portale Forms	Identificatore per il servizio di invio metadati	formsportal.samplemetadataservice
   Servizio dati di firma in sospeso del portale Forms	Identificatore del servizio dati Firma in sospeso	formsportal.sampledataservice
   Servizio metadati di firma in sospeso del portale Forms	Identificatore del servizio metadati Firma in sospeso	formsportal.samplemetadataservice

   NOTA

   I servizi vengono risolti con i loro nomi indicati come valore per il aem.formsportal.impl.prop come segue:

   @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")
   

   È possibile modificare i nomi delle tabelle di dati e metadati.

   Per assegnare un nome diverso alla tabella di metadati:

   • Nella Configurazione della console Web, trova e fai clic su Implementazione di esempio del servizio metadati del portale Forms. Puoi modificare i valori dell’origine dati, i metadati o il nome della tabella di metadati aggiuntivi.

   Per assegnare un nome diverso alla tabella di dati:

   • Nella Configurazione della console Web, trova e fai clic su Implementazione di esempio del servizio dati del portale Forms. È possibile modificare i valori dell’origine dati e il nome della tabella dati.
   NOTA

   Se si modificano i nomi delle tabelle, fornirli nella configurazione del Portale moduli.

8. Lascia le altre configurazioni così come sono e fai clic su Salva.

9. La connessione al database può essere eseguita tramite l’origine dati in pool di connessione Apache Sling.

10. Per la connessione Apache Sling, trova e fai clic per aprire Origine dati in pool di connessione Apache Sling in modalità di modifica nella configurazione della console Web. Specifica i valori delle proprietà come descritto nella tabella seguente:

1. Lascia le altre configurazioni così come sono e fai clic su Salva.

2. Se nello schema di database è già presente una tabella, passare al passaggio successivo.

   In caso contrario, se nello schema di database non è già presente una tabella, eseguire le istruzioni SQL seguenti per creare tabelle separate per i dati, i metadati e i metadati aggiuntivi nello schema di database:

   NOTA

   Non sono necessari database diversi per le istanze di authoring e pubblicazione. Utilizza lo stesso database su tutte le istanze di authoring e pubblicazione.

   Istruzione SQL per tabella dati

   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;
   

   Istruzione SQL per tabella metadati

   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;
   

   Istruzione SQL per metadati aggiuntivi

   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;
   

   Istruzione SQL per la tabella dei commenti

   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 nello schema di database sono già presenti tabelle (dati, metadati e metadati aggiuntivi), eseguire le seguenti query di modifica della tabella:

   Istruzione SQL per la modifica della tabella dati

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

   Istruzione SQL per la modifica della tabella metadati

   ALTER TABLE metadata add markedForDeletion varchar(45) DEFAULT NULL
   

   NOTA

   Se la query di aggiunta dei metadati ALTER TABLE è già stata eseguita e la colonna markedforDeletion è presente nella tabella.

   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;
   

   Istruzione SQL per la modifica della tabella aggiuntiva dei metadati

   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;
   

L'implementazione di esempio è ora configurata e può essere utilizzata per elencare le bozze e gli invii durante la memorizzazione di tutti i dati e metadati in un database. Vediamo ora in che modo i servizi dati e metadati sono configurati nell’esempio.

Installa il file mysql-connector-java-5.1.39-bin.jar

Esegui i seguenti passaggi, su tutte le istanze di authoring e pubblicazione, per installare il file mysql-connector-java-5.1.39-bin.jar:

1. Passa a https://'[server]:[port]'/system/console/depfinder e cerca il pacchetto com.mysql.jdbc.

2. Nella colonna Esportato da , controlla se il pacchetto viene esportato da un bundle.

   Procedi se il pacchetto non viene esportato da alcun bundle.

3. Passa a https://'[server]:[port]'/system/console/bundles e fai clic su Installazione/aggiornamento.

4. Fai clic su Scegli file e cerca di selezionare il file mysql-connector-java-5.1.39-bin.jar . Inoltre, seleziona Avvia bundle e Aggiorna pacchetti caselle di controllo.

5. Fai clic su Installa o aggiorna. Una volta completato, riavvia il server.

6. (Solo Windows) Disattivare il firewall di sistema per il sistema operativo in uso.

Codice di esempio per il servizio dati e metadati del portale moduli

Il seguente file ZIP contiene FormsPortalSampleDataServiceImpl e FormsPortalSampleMetadataServiceImpl (classi di implementazione) per le interfacce del servizio dati e metadati. Inoltre, contiene tutte le classi necessarie per la compilazione delle suddette classi di implementazione.

Ottieni file

Verificare la lunghezza del nome file

L’implementazione del database di Forms Portal utilizza una tabella di metadati aggiuntiva. La tabella dispone di una chiave primaria composita basata sulle colonne Chiave e ID della tabella. MySQL consente le chiavi primarie fino alla lunghezza di 255 caratteri. È possibile utilizzare il seguente script di convalida lato client per verificare la lunghezza del nome file allegato al widget file. La convalida viene eseguita quando un file viene allegato. Lo script fornito nella procedura seguente visualizza un messaggio, quando il nome del file è maggiore di 150 (inclusa l’estensione). È possibile modificare lo script per verificarne la presenza in un numero diverso di caratteri.

Esegui i seguenti passaggi per creare una libreria client e utilizza lo script:

1. Accedi a CRXDE e naviga su /etc/clientlibs/

2. Crea un nodo di tipo cq:ClientLibraryFolder e fornire il nome del nodo. Esempio: validation.

   Fai clic su Salva tutto.

3. Fai clic con il pulsante destro del mouse sul nodo e fai clic su crea nuovo file e crea un file con estensione .txt. Ad esempio: js.txtAggiungi il codice seguente al file .txt appena creato e fai clic su Salva tutto.

   #base=util
    util.js
   

   Nel codice di cui sopra, util è il nome della cartella e util.js nome del file nel util cartella. La util cartella e util.js vengono creati nei passaggi successivi.

4. Fai clic con il pulsante destro del mouse sul pulsante cq:ClientLibraryFolder creato al passaggio 2, selezionare Crea > Crea cartella. Crea una cartella denominata util. Fai clic su Salva tutto. Fai clic con il pulsante destro del mouse sul pulsante util selezionare Crea > Crea file. Crea un file denominato util.js. Fai clic su Salva tutto.

5. Aggiungi il codice seguente al file util.js e fai clic su Salva tutto. Lunghezza di convalida del codice del nome del file.

   /*
    * 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);
           });
       }
   })();
   

   NOTA

   Lo script è per il componente widget allegato pronto all’uso (OOTB). Se hai personalizzato il widget allegato OOTB, modifica lo script precedente per incorporare le relative modifiche.

6. Aggiungi la seguente proprietà alla cartella creata nel passaggio 2 e fai clic su Salva tutto.

   • Nome: categorie

   • Tipo: Stringa

   • Valore: fp.validation

   • opzione multipla: Abilitato

7. Passa a /libs/fd/af/runtime/clientlibs/guideRuntimee aggiunge fp.validation alla proprietà embed .

8. Passa a /libs/fd/af/runtime/clientlibs/guideRuntimeWithXFA e aggiungi il fp.validation da incorporare.

   NOTA

   Se utilizzi librerie client personalizzate invece delle librerie client guideRuntime e guideRuntimeWithXfa, utilizza il nome della categoria per incorporare la libreria client creata in questa procedura nelle librerie personalizzate caricate in fase di esecuzione.

9. Fai clic su Salva tutto. Ora, quando il nome del file è più grande di 150 caratteri (inclusa l’estensione), viene visualizzato un messaggio.

Risorse Business.Adobe.com

Multichannel Communication Content Insights Content As A Service Dynamic Media Customer Experience Management Headless Cms