Aggiungere Forms Portal a una pagina di AEM Sites publish-forms-on-portal

Adobe consiglia di utilizzare l'acquisizione dati moderna ed estensibile Componenti coreper la creazione di un nuovo Forms adattivoo l'aggiunta di Forms adattivo alle pagine AEM Sites. Questi componenti rappresentano un progresso significativo nella creazione di Forms adattivi, garantendo esperienze utente straordinarie. Questo articolo descrive un approccio precedente all’authoring di Forms adattivi utilizzando i componenti di base.

Versione
Collegamento articolo
AEM 6.5
Fai clic qui
AEM as a Cloud Service
Questo articolo

In un tipico scenario di distribuzione di un portale incentrato sui moduli, lo sviluppo di moduli e lo sviluppo di portali sono due attività separate. Mentre i progettisti di moduli progettano e memorizzano i moduli in un repository, gli sviluppatori Web creano un'applicazione Web per elencare i moduli e gestirne l'invio. Forms viene copiato sul livello web in quanto non vi è alcuna comunicazione tra l’archivio dei moduli e l’applicazione web.

Tali scenari spesso causano problemi di gestione e ritardi nella produzione. Ad esempio, se nell'archivio è disponibile una versione più recente di un modulo, è necessario sostituire il modulo sul livello Web, modificare l'applicazione Web e ridistribuire il modulo sul sito pubblico. La ridistribuzione dell’applicazione web potrebbe causare tempi di inattività del server. In genere, il tempo di inattività del server è un’attività pianificata e pertanto le modifiche non possono essere inviate istantaneamente al sito pubblico.

AEM Forms fornisce componenti portale che riducono i costi generali di gestione e i ritardi di produzione. I componenti consentono agli sviluppatori Web di creare e personalizzare un portale Forms nei siti Web creati con Adobe Experience Manager (AEM).

I componenti del portale moduli consentono di aggiungere le funzionalità seguenti:

  • Elencare i moduli in layout personalizzati. Sono disponibili i layout della vista a elenco e della vista a schede. È possibile creare layout personalizzati.
  • Consente di visualizzare metadati personalizzati e azioni personalizzate durante la visualizzazione dell'elenco.
  • Elenca i moduli pubblicati dall’interfaccia utente di AEM Forms nell’istanza di pubblicazione in cui vengono utilizzati i componenti di Forms Portal.
  • Consenti agli utenti finali di eseguire il rendering dei moduli in formato HTML e PDF.
  • Abilita la ricerca di moduli in base a titolo e descrizione.
  • Utilizza CSS personalizzato per personalizzare l’aspetto del portale.
  • Creare collegamenti ai moduli.
  • Elenca le bozze e gli invii relativi a Adaptive Forms creati dall’utente.

Componenti di una pagina del portale Forms forms-portal-components

AEM Forms fornisce i seguenti componenti portale pronti all’uso:

  • Ricerca ed elenco: questo componente consente di elencare i moduli dall’archivio dei moduli alla pagina del portale e fornisce opzioni di configurazione per elencare i moduli in base a criteri specificati.

  • Bozze e invii: mentre il componente Ricerca ed elenco visualizza i moduli resi pubblici da Forms Author, il componente Bozze e invii visualizza i moduli salvati come bozze da compilare in un secondo momento e quelli inviati. Questo componente fornisce un’esperienza personalizzata a qualsiasi utente connesso.

  • Collegamento: questo componente consente di creare un collegamento a un modulo in un punto qualsiasi della pagina.

È possibile importare i componenti predefiniti di Forms Portal dall'archetipo del progetto AEM. Dopo l’importazione, esegui le seguenti configurazioni:

Importare componenti di Forms Portal import-forms-portal-components-aem-archetype

Per importare componenti predefiniti di Forms Portal in AEM Forms as a Cloud Service, effettua le seguenti operazioni:

  1. Clona archivio Git Cloud Manager nell'istanza di sviluppo locale: L'archivio Git di Cloud Manager contiene un progetto AEM predefinito. È basato su Archetipo AEM. Clona l’archivio Git di Cloud Manager utilizzando la gestione self-service dell’account Git dall’interfaccia utente di Cloud Manager per portare il progetto nell’ambiente di sviluppo locale. Per informazioni dettagliate sull'accesso all'archivio, vedere Accesso agli archivi.

  2. Crea Experience Manager Forms come progetto [Cloud Service]: Crea Experience Manager Forms come progetto [Cloud Service] basato su Archetipo AEM 27 o versione successiva. L'archetipo consente agli sviluppatori di iniziare facilmente a sviluppare per l'as a Cloud Service AEM Forms. Include inoltre alcuni temi e modelli di esempio per aiutarti a iniziare rapidamente.

    Per creare Experience Manager Forms as a Cloud Service progetto, aprire il prompt dei comandi ed eseguire il comando seguente. Per includere Forms configurazioni, temi e modelli specifici, impostare includeForms=y.

    code language-shell
    mvn -B archetype:generate -DarchetypeGroupId=com.adobe.aem -DarchetypeArtifactId=aem-project-archetype -DarchetypeVersion=30 -DaemVersion="cloud" -DappTitle="My Site" -DappId="mysite" -DgroupId="com.mysite" -DincludeForms="y"
    

    Inoltre, modifica appTitle, appId e groupId nel comando precedente per riflettere l'ambiente.

    Quando il progetto è pronto, aggiorna la proprietà <core.forms.components.version>x.y.z</core.forms.components.version> nel livello principale pom.xml del progetto Archetype per riflettere la versione più recente di core-forms-components nel progetto AEM Archetype.

  3. Distribuisci il progetto nell'ambiente di sviluppo locale: Puoi utilizzare il comando seguente per eseguire la distribuzione nell'ambiente di sviluppo locale

    mvn -PautoInstallPackage clean install

    Per l'elenco completo dei comandi, vedere Generazione e installazione

  4. Distribuisci il codice nell'ambiente AEM Forms as a Cloud Service.

Configurare l’archiviazione Azure per Adaptive Forms configure-azure-storage-adaptive-forms

Experience Manager Forms Integrazione dati fornisce la configurazione di archiviazione Azure per integrare i moduli con i servizi di archiviazione Azure. Il modello di dati del modulo (FDM) può essere utilizzato per creare Forms adattivo che interagisce con il server Azure per abilitare i flussi di lavoro aziendali.

Crea configurazione archiviazione Azure create-azure-storage-configuration

Prima di eseguire questi passaggi, verificare di disporre di un account di archiviazione Azure e di una chiave di accesso per autorizzare l'accesso all'account di archiviazione Azure.

  1. Passa a Strumenti > Cloud Service > Archiviazione Azure.
  2. Selezionare una cartella per creare la configurazione e selezionare Crea.
  3. Specifica un titolo per la configurazione nel campo Titolo.
  4. Specificare il nome dell'account di archiviazione Azure nel campo Account di archiviazione Azure.

Configurare il connettore di archiviazione unificata per Forms Portal configure-usc-forms-portal

Per configurare il connettore di archiviazione unificata per i flussi di lavoro AEM, effettua le seguenti operazioni:

  1. Passa a Strumenti > Forms > Connettore di archiviazione unificata.
  2. Nella sezione Forms Portal, selezionare Azure dall'elenco a discesa Archiviazione.
  3. Specificare il percorso di configurazione per la configurazione di archiviazione Azure nel campo Percorso configurazione di archiviazione.
  4. Seleziona Publish, quindi seleziona Salva per salvare la configurazione.

Abilita componenti di Forms Portal enable-forms-portal-components

Per utilizzare qualsiasi componente core (inclusi i componenti portale predefiniti) in un sito Adobe Experience Manager (AEM), è necessario creare un componente proxy e abilitarlo per il sito. Per la creazione di un componente proxy e l'abilitazione dei componenti del portale, vedere Utilizzo dei componenti core.

Una volta attivato, il componente portale può essere utilizzato nell'istanza di authoring della pagina Sites.

Aggiungere e configurare componenti di Forms Portal configure-forms-portal-components

Puoi creare e personalizzare Forms Portal sui siti web creati con AEM aggiungendo e configurando i componenti del portale. Prima di utilizzare i componenti nel portale Forms, assicurati che siano abilitati.

Per aggiungere un componente, trascinare e rilasciare il componente dal riquadro Componenti al contenitore di layout nella pagina oppure selezionare l'icona di aggiunta nel contenitore di layout e aggiungere il componente dalla finestra di dialogo Inserisci nuovo componente.

Configura componente Bozze e invii configure-drafts-submissions-component

Il componente Bozze e invii visualizza i moduli salvati come bozze da compilare in un secondo momento e quelli inviati. Per configurare, selezionare il componente, quindi selezionare l'icona Configura . Nella finestra di dialogo Bozze e invii, specifica il titolo per indicare il modulo come bozza o inviato. Seleziona anche se il componente deve elencare le bozze di moduli o i moduli inviati in formato scheda o elenco.

Icona Bozze

Icona Invii

Configurare il componente Ricerca ed elenco configure-search-lister-component

Il componente Ricerca ed Elenco viene utilizzato per elencare i moduli adattivi su una pagina e per implementare la ricerca nei moduli elencati.

Icona Ricerca ed elenco

Per configurare, selezionare il componente, quindi selezionare l'icona Configura . Viene visualizzata la finestra di dialogo Ricerca ed elenco.

  1. Nella scheda Visualizzazione, configura quanto segue:

    • In Titolo, specificare il titolo del componente Ricerca ed elenco. Un titolo indicativo consente agli utenti di eseguire ricerche rapide nell’elenco dei moduli.
    • Dall'elenco Layout, selezionare il layout per rappresentare i moduli in formato scheda o elenco.
    • Seleziona Nascondi ricerca e Nascondi ordinamento per nascondere la ricerca e ordinare per funzionalità.
    • In Descrizione, fornire la descrizione che viene visualizzata quando si passa il puntatore sul componente.
  2. Nella scheda Cartella risorse, specifica il percorso da cui i moduli vengono estratti ed elencati nella pagina. Puoi configurare più percorsi di cartelle.

  3. Nella scheda Risultati, configura il numero massimo di moduli da visualizzare per pagina. Il valore predefinito è otto moduli per pagina.

Il componente collegamento consente di fornire nella pagina i collegamenti a un modulo adattivo. Per configurare, selezionare il componente, quindi selezionare l'icona Configura . Viene visualizzata la finestra di dialogo Modifica componente collegamento.

  1. Nella scheda Visualizzazione, fornisci la didascalia del collegamento e la descrizione comando per facilitare l'identificazione dei moduli rappresentati dal collegamento.
  2. Nella scheda Informazioni risorsa, specifica il percorso dell'archivio in cui è memorizzata la risorsa.
  3. Nella scheda Parametri query, specifica i parametri aggiuntivi nel formato della coppia chiave-valore. Quando fai clic sul collegamento, questi parametri aggiuntivi vengono trasmessi insieme al modulo.

Configurare L’Invio Di Moduli Asincroni Tramite Adobe Sign configure-asynchronous-form-submission-using-adobe-sign

Puoi configurare per l’invio di un modulo adattivo solo quando tutti i destinatari hanno completato la cerimonia di firma. Segui i passaggi seguenti per configurare l’impostazione utilizzando Adobe Sign.

  1. Nell’istanza di authoring, apri un modulo adattivo in modalità di modifica.
  2. Nel riquadro sinistro selezionare l'icona Proprietà ed espandere l'opzione FIRMA ELETTRONICA.
  3. Selezionare Abilita Adobe Sign. Vengono visualizzate diverse opzioni di configurazione.
  4. Nella sezione Invia il modulo, seleziona l'opzione dopo che ogni destinatario ha completato la cerimonia di firma per configurare l'azione Invia modulo, in cui il modulo viene inviato per la prima volta a tutti i destinatari per la firma. Una volta che tutti i destinatari hanno firmato il modulo, solo allora il modulo viene inviato.

Salva Forms Adattivo Come Bozze save-adaptive-forms-as-drafts

È possibile salvare i moduli come bozze per completarli in un secondo momento. Esistono due modi in cui un modulo viene salvato come bozza:

  • Crea una regola "Salva modulo" su un componente modulo, ad esempio un pulsante. Facendo clic sul pulsante, la regola viene attivata e il modulo viene salvato come bozza.
  • Abilita la funzione di salvataggio automatico, che salva il modulo in base all’evento specificato o dopo un intervallo di tempo configurato.

Creare regole per salvare un modulo adattivo come bozza rule-to-save-adaptive-form-as-draft

Per creare una regola "Salva modulo" su un componente modulo, ad esempio un pulsante, segui i passaggi seguenti:

  1. Nell’istanza di authoring, apri un modulo adattivo in modalità di modifica.
  2. Dal riquadro di sinistra, selezionare l'icona Componenti e trascinare il componente Pulsante nel modulo.
  3. Selezionare il componente Button, quindi l'icona Configura .
  4. Seleziona l'icona Modifica regole per aprire l'editor di regole.
  5. Seleziona Crea per configurare e creare la regola.
  6. Nella sezione When, seleziona "è stato fatto clic" e nella sezione Then seleziona le opzioni "Save Form".
  7. Seleziona Fine per salvare la regola.

Abilita salvataggio automatico enable-auto-save

Puoi configurare la funzione di salvataggio automatico per un modulo adattivo come segue:

  1. Nell’istanza di authoring, apri un modulo adattivo in modalità di modifica.
  2. Nel riquadro sinistro selezionare l'icona Proprietà ed espandere l'opzione SALVATAGGIO AUTOMATICO.
  3. Selezionare la casella di controllo Abilita per abilitare il salvataggio automatico del modulo. Puoi configurare quanto segue:
  • Per impostazione predefinita, Evento modulo adattivo è impostato su "true", il che implica che il modulo viene salvato automaticamente dopo ogni evento.
  • In Trigger, configurare per attivare il salvataggio automatico in base all'occorrenza di un evento o dopo un intervallo di tempo specifico.

Consulta anche see-also

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