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 un modulo adattivo viene pubblicato, il modulo e il contenuto correlato vengono copiati da un’istanza di AEM autore a un’istanza AEM pubblicazione. 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

  • Configurate un’istanza di pubblicazione AEM Forms : L’istanza di pubblicazione è un’istanza pubblica 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. Effettuate il login per AEM'istanza di creazione e individuate il modulo adattivo per il modulo per l'indirizzo di spedizione e l'aggiornamento nell' Forms Forms interfaccia AEM. 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 Sites pagina AEM. 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 fornire un componente, AEM Forms Contenitore, per incorporare un modulo adattivo in una Sites pagina AEM. Per impostazione predefinita, il componente non è visibile AEM contenitore. Sites Effettuate le seguenti operazioni per attivare il componente Contenitore AEM e incorporare il modulo adattivo in una AEM Forms Sites Pagina:
  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 Sites pagina.
    È inoltre possibile incorporare il modulo adattivo in una pagina esistente di We.Retail Site's . 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, espandere la struttura di navigazione Generale , selezionare l'opzione AEM Modulo e toccare . Il componente Contenitore AEM è attivato per la pagina. Forms
  4. Aprite la scheda del browser contenente AEM Sites pagina aperta al punto 1. Toccate la casella Trascinate qui i componenti e toccate +. Nella casella Inserisci nuovo componente , toccare AEM modulo . Il componente Contenitore AEM Forms viene aggiunto alla pagina.
  5. Toccate il contenitore AEM Forms e toccate l’icona configurazione. Viene visualizzata una finestra di dialogo con le proprietà di AEM Forms contenitore. Nel campo Percorso ​risorsa, individuate e selezionate il modulo adattivo per l’indirizzo di spedizione, il modulo Add-update-form. Toccate . Il modulo adattivo è incorporato nella pagina.
  6. Pubblicate sia il modulo adattivo che la Sites pagina. Di seguito sono riportati alcuni punti da tenere in considerazione:
    • Se si pubblica per la prima volta la Sites pagina AEM che include un modulo incorporato, pubblicare la pagina e il modulo Sites 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 Sites pagina e il modulo incorporato, è necessario ripubblicare la Sites pagina e il modulo.
      Modulo di modifica indirizzo di spedizione e fatturazione aggiunto a una Sites pagina di AEM.

Incorporare il modulo adattivo in una pagina Web esterna

È possibile 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 Forms server AEM 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.