Show Menu
ARGOMENTI×

Esercitazione: Pubblicare il modulo adattivo

Questa esercitazione è un passaggio della serie Crea il primo modulo adattivo. Si consiglia di seguire le serie in sequenza cronologica per comprendere, eseguire e dimostrare l'uso completo dell'esercitazione.
Una volta che il modulo adattivo è pronto, è possibile pubblicare il modulo per renderlo disponibile agli utenti finali. Gli utenti finali possono aprire il modulo pubblicato su qualsiasi dispositivo e browser Internet. Quando viene pubblicato un modulo adattivo, il modulo e il contenuto correlato vengono copiati da un’istanza di creazione AEM a un’istanza di pubblicazione AEM. Il modulo viene reso disponibile all’utente finale tramite l’istanza di pubblicazione.
Esistono i seguenti metodi per pubblicare un modulo adattivo:

Prima di iniziare

  • Configurare un’istanza ​di pubblicazione di AEM Forms: L’istanza di pubblicazione è un’istanza rivolta al pubblico di AEM Forms in esecuzione in modalità di pubblicazione. In un ambiente di produzione, l’istanza di pubblicazione si trova all’esterno del firewall dell’organizzazione.
  • Configurare la replica e la replica ​inversa: La replica copia il contenuto dall’istanza di creazione a un’istanza di pubblicazione e restituisce l’input dell’utente (ad esempio, l’input del modulo) dall’istanza di pubblicazione all’istanza di creazione.

Pubblicare il modulo adattivo come pagina AEM

Quando il modulo adattivo viene pubblicato come pagina AEM, l’intera pagina Web contiene solo il modulo pubblicato. È possibile utilizzare l'URL del modulo adattivo per collegarlo da un'altra pagina Web. Per pubblicare il modulo adattivo shipping-address-add-update-form come pagina AEM:
  1. Accedete all’istanza di creazione di AEM Forms e individuate il modulo adattivo per l’indirizzo di spedizione e l’aggiornamento del modulo nell’interfaccia utente di AEM Forms. https://localhost:4502/aem/forms.html/content/dam/formsanddocuments
  2. Selezionate il modulo adattivo per l’indirizzo di spedizione, il modulo per l’aggiornamento e toccate Pubblica . Viene visualizzata una finestra di dialogo contenente le risorse correlate al modulo adattivo. Toccate Pubblica . Il modulo adattivo viene pubblicato e viene visualizzata una finestra di dialogo di riuscita.
  3. Aprire il modulo nell’istanza di pubblicazione. Il modulo è disponibile per la compilazione e l'invio da parte dell'utente finale. https://localhost:4503/content/forms/af/shipping-address-add-update-form.html

Incorporare il modulo adattivo in una pagina AEM Sites

AEM Forms consente agli sviluppatori di moduli di incorporare facilmente moduli adattivi in una pagina AEM Sites. Il modulo adattivo incorporato è completamente funzionante e gli utenti possono compilare e inviare il modulo senza uscire dalla pagina. Consente agli utenti di restare nel contesto di altri elementi della pagina Web e di interagire contemporaneamente con il modulo.
AEM Forms fornisce un componente, Contenitore di moduli AEM, per incorporare un modulo adattivo in una pagina AEM Sites. Per impostazione predefinita, il componente non è visibile nel contenitore AEM Sites. Per abilitare il componente Contenitore di AEM Forms e incorporare il modulo adattivo in una pagina AEM Sites, effettuate le seguenti operazioni:
  1. Create e aprite una pagina nel sito We.Retail per la modifica. Ad esempio, https://localhost:4502/editor.html/content/we-retail/us/en/user/shipping-and-billing-address.html . Il modulo adattivo è incorporato nella pagina dei siti.
    È inoltre possibile incorporare il modulo adattivo in una pagina esistente del sito Web We.Retail. Ad esempio, la pagina ABOUT US https://localhost:4502/editor.html/content/we-retail/us/en/about-us.html . Consente di risparmiare tempo per la creazione di una pagina. Nei passaggi seguenti viene utilizzata la pagina appena creata.
    Il sito We.Retail viene fornito con AEM. Se il sito We.Retail non è installato, vedere l'implementazione di riferimento We.Retail installare il sito.
  2. Toccate e selezionate l'opzione Modifica modello nella pagina del sito Web We.Retail appena creata. Il modello della pagina si apre in una nuova scheda del browser.
  3. Toccate all'interno della casella Contenitore di layout e toccate feed. Nella scheda Componenti ​consentiti, espandete il pannello a soffietto Generale , selezionate l'opzione Modulo ​AEM e toccate . Il componente Contenitore di AEM Forms è abilitato per la pagina.
  4. Aprite la scheda del browser contenente la pagina AEM Sites aperta nel passaggio 1. Toccate la casella Trascinate qui i componenti e toccate +. Nella casella Inserisci nuovo componente , toccate Modulo AEM. Il componente Contenitore di AEM Forms viene aggiunto alla pagina.
  5. Toccate il componente contenitore ​AEM Forms e toccate . Viene visualizzata una finestra di dialogo con le proprietà del contenitore AEM Forms. Nel campo Percorso ​risorsa, individuate e selezionate il modulo adattivo per l’indirizzo di spedizione, il modulo Add-update-form. Toccare . Il modulo adattivo è incorporato nella pagina.
  6. Pubblicate il modulo adattivo e la pagina dei siti. Di seguito sono riportati alcuni punti da tenere in considerazione:
    • Se si pubblica per la prima volta la pagina dei siti AEM e si include un modulo incorporato, pubblicare la pagina dei siti e il modulo incorporato.
    • Se modificate solo il modulo incorporato in una pagina del sito pubblicata, pubblicate il modulo originale e le modifiche si riflettono nella pagina del sito pubblicata. La pagina del sito pubblicata include un riferimento al modulo e non richiede la ripubblicazione della pagina.
    • Se si modificano la pagina del sito e il modulo incorporato, è necessario ripubblicare la pagina del sito e il modulo.
    Modulo di modifica dell’indirizzo di spedizione e fatturazione aggiunto a una pagina AEM Sites.

Incorporare il modulo adattivo in una pagina Web esterna

Potete incorporare un modulo adattivo in una pagina Web esterna (una pagina Web non AEM ospitata all’esterno di AEM) inserendo alcune righe di JavaScript nella pagina Web esterna. Il codice JavaScript invia una richiesta HTTP al server AEM Forms per il modulo adattivo e le risorse correlate e aggiunge il modulo adattivo alla pagina Web. Per i passaggi dettagliati, vedere Incorporare il modulo adattivo in una pagina Web esterna.