Generare l’anteprima HTML5 di un modulo XDP generate-html-preview-of-an-xdp-form

Durante la progettazione di un modulo in AEM Forms Designer, oltre a visualizzare l’anteprima della copia trasformata PDF di un modulo, puoi anche visualizzarne una copia trasformata HTML 5. È possibile utilizzare la scheda Anteprima HTML per visualizzare in anteprima un modulo come apparirebbe in un browser.

Abilitare l’anteprima HTML per i moduli XDP in Designer html-preview-of-forms-in-forms-designer

Per consentire a Designer di generare un’anteprima HTML dei moduli XDP, esegui le seguenti configurazioni:

  • Configurare il servizio di autenticazione Apache Sling
  • Disattiva modalità protetta
  • Fornisci i dettagli del server AEM Forms

Configurare il servizio di autenticazione Apache Sling configure-apache-sling-authentication-service

  1. Vai a https://'[server]:[port]'/system/console/configMgr su AEM Forms in esecuzione su OSGi o
    https://'[server]:[port]'/lc/system/console/configMgr su AEM Forms in esecuzione su JEE.

  2. Individua e fai clic sulla configurazione Apache Sling Authentication Service per aprirla in modalità di modifica.

  3. A seconda che AEM Forms sia in esecuzione su OSGi o JEE, aggiungi quanto segue nel campo Requisiti di autenticazione:

    • AEM Forms su JEE

      • -/content/xfaforms
      • -/etc/clientlibs
    • AEM Forms su OSGi

      • -/content/xfaforms
      • -/etc/clientlibs/fd/xfaforms
    note note
    NOTE
    Non copiare e incollare il valore specificato nel campo Requisiti di autenticazione in quanto potrebbe danneggiare i caratteri speciali nel valore. Digita invece il valore specificato nel campo.
  4. Specificare un nome utente e una password rispettivamente nei campi Nome utente anonimo e Password utente anonimo. Le credenziali specificate vengono utilizzate per gestire l'autenticazione anonima e consentire l'accesso agli utenti anonimi.

  5. Fai clic su Salva per salvare la configurazione.

Disattiva modalità protetta disable-protected-mode

La modalità protetta è attivata per impostazione predefinita. Tienilo abilitato per gli ambienti di produzione. Puoi disabilitarlo per un ambiente di sviluppo per visualizzare in anteprima HTML5 Forms in desinger. Per disattivarla, effettua le seguenti operazioni:

  1. Accedi alla console web dell’AEM come amministratore.

    • L'URL per AEM Forms su OSGi è https://'[server]:[port]'/system/console/configMgr
    • L'URL per AEM Forms su JEE è https://'[server]:[port]'/lc/system/console/configMgr
  2. Apri Configurazioni Forms mobile per la modifica.

  3. Deseleziona l'opzione Modalità protetta e fai clic su Salva.

Fornisci i dettagli del server AEM Forms provide-details-of-aem-forms-server

  1. In Designer, vai a Strumenti > Opzioni.

  2. Nella finestra Opzioni, selezionare la pagina Opzioni server, fornire i dettagli seguenti e fare clic su OK.

    • URL server: URL server AEM Forms.

    • Numero porta HTTP: porta del server AEM. Il valore predefinito è 4502.

    • Contesto anteprima HTML: Percorso del profilo per il rendering dei moduli XFA. I seguenti profili predefiniti vengono utilizzati per visualizzare in anteprima il modulo in Designer. Tuttavia, puoi anche specificare il percorso di un profilo personalizzato.

      • /content/xfaforms/profiles/default.html (AEM Forms su OSGi)

      • /lc/content/xfaforms/profiles/default.html (AEM Forms su JEE)

    • Contesto di Forms Manager: Percorso contestuale in cui viene distribuita l'interfaccia utente di Forms Manager. I valori predefiniti sono:

      • /aem/forms (AEM Forms su OSGi)
      • /lc/forms (AEM Forms su JEE)
    note note
    NOTE
    Verifica che il server AEM Forms sia in esecuzione. L'anteprima HTML si connette al server CRX per generare un'anteprima.

    Opzioni AEM Forms Designer

    Opzioni AEM Forms Designer

  3. Per visualizzare l'anteprima di un modulo in HTML, fare clic sulla scheda Anteprima HTML.

    note note
    NOTE
    • Se la scheda Anteprima HTML è chiusa, premere F4 per aprire la scheda Anteprima HTML. Per aprire la scheda Anteprima HTML, è inoltre possibile selezionare Anteprima HTML dal menu Visualizza.
      • L'anteprima HTML non supporta i documenti PDF, l'anteprima HTML è solo per i documenti XDP.
    note caution
    CAUTION
    Per testare la reale esperienza dell’utente finale, puoi anche visualizzare in anteprima i moduli in browser esterni (Google Chrome, Microsoft Edge, Mozilla Firefox e altro). Ogni browser utilizza un motore separato per il rendering di HTML, pertanto ci potrebbero essere alcune differenze nel modo in cui un modulo viene visualizzato in anteprima in Designer e nel browser esterno.

Per visualizzare in anteprima un modulo utilizzando dati di esempio to-preview-a-form-using-sample-data

Designer consente di visualizzare in anteprima e verificare il modulo utilizzando dati XML di esempio. Si consiglia di verificare frequentemente il modulo con dati di esempio per verificare che venga eseguito correttamente il rendering.

Se non disponi di dati di esempio, puoi crearli direttamente in Designer. (Vedi Per generare automaticamente i dati di esempio per l'anteprima del modulo e Per creare i dati di esempio per l'anteprima del modulo.)

Il test del modulo tramite un'origine dati di esempio assicura che i dati e i campi siano mappati e che le sottomaschere ripetute vengano ripetute come previsto. È possibile creare un layout di modulo bilanciato che fornisca lo spazio appropriato per ogni oggetto per visualizzare i dati uniti.

  1. Selezionare File > Proprietà modulo.

  2. Fare clic sulla scheda Anteprima e nella casella File di dati digitare il percorso completo del file di dati di prova. È inoltre possibile utilizzare il pulsante Sfoglia per passare al file.

  3. Fare clic su OK. Alla successiva anteprima del modulo nella scheda Anteprima HTML, i valori dei dati del file XML di esempio verranno visualizzati nei rispettivi oggetti.

Anteprima dei moduli in un archivio html-preview-of-forms-in-forms-manager

In AEM Forms è possibile visualizzare in anteprima moduli e documenti in un repository. L’anteprima consente di sapere esattamente come si presentano e si comportano i moduli per gli utenti finali.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2