DokumentationAEM as a Cloud ServiceBenutzerhandbuch

Hinzufügen des Formularportals zu einer AEM Sites-Seite publish-forms-on-portal

Last update: Fri May 03 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Adobe empfiehlt die Verwendung der modernen und erweiterbaren Kernkomponentenzur Datenerfassung für das Erstellen neuer adaptiver Formulareoder das Hinzufügen von adaptiven Formularen zu AEM Sites-Seiten. Diese Komponenten stellen einen bedeutenden Fortschritt bei der Erstellung adaptiver Formulare dar und sorgen für beeindruckende Anwendererlebnisse. In diesem Artikel wird der ältere Ansatz zum Erstellen adaptiver Formulare mithilfe von Foundation-Komponenten beschrieben.

Version
Artikel-Link
AEM 6.5
Hier klicken
AEM as a Cloud Service
Dieser Artikel

Bei einer typischen formularzentrierten Portal-Bereitstellung erfolgen Formular- und Portalentwicklung getrennt voneinander. Während Formular-Designerinnen und -Designer Formulare in einem Repository entwerfen und speichern, erstellen Web-Entwicklerinnen und -Entwickler eine Web-Anwendung, um Formulare aufzulisten und die Übermittlung von Formularen zu verarbeiten. Formulare werden in die Web-Stufe kopiert, da keine Kommunikation zwischen Formular-Repository und Web-Anwendung vorhanden ist.

Solche Szenarien führen oft zu Managementproblemen und Produktionsverzögerungen. Wenn beispielsweise eine neuere Version eines Formulars im Repository verfügbar ist, müssen Sie das Formular auf der Web-Stufe ersetzen, die Web-Applikation ändern und das Formular erneut auf der öffentlichen Website bereitstellen. Die erneute Bereitstellung der Web-Applikation kann zu Server-Ausfällen führen. In der Regel handelt es sich bei Server-Downtime um eine geplante Aktivität, weshalb die Änderungen nicht sofort an die öffentliche Site gesendet werden können.

AEM Forms bietet Portalkomponenten, die den Verwaltungsaufwand und Produktionsverzögerungen reduzieren. Mit den Komponenten können Web-Entwickler Formularportale auf mit Adobe Experience Manager (AEM) erstellten Websites erstellen und anpassen.

Die Formularportalkomponenten ermöglichen es Ihnen, die folgende Funktion hinzuzufügen:

  • Auflisten von Formularen in benutzerdefinierten Layouts. Standardmäßig werden Layouts für Listenansicht und Kartenansicht bereitgestellt. Sie können auch eigene benutzerdefinierte Layouts erstellen.
  • Sie können benutzerdefinierte Metadaten sowie benutzerdefinierte Aktionen beim Auflisten anzeigen.
  • Auflisten von Formularen, die von der AEM Forms-Benutzeroberfläche auf der Veröffentlichungsinstanz veröffentlicht wurden, in der Formularportal-Komponenten verwendet werden.
  • Endbenutzern ermöglichen, Formulare im HTML- und PDF-Format anzuzeigen.
  • Aktivieren der Suche nach Formularen anhand von Titel und Beschreibung.
  • Verwenden von benutzerdefiniertem CSS, um das Erscheinungsbild des Portals anzupassen.
  • Erstellen von Links zu Formularen.
  • Auflisten von Entwürfen und Übermittlungen für die von der Person erstellten adaptiven Formulare.

Komponenten einer Formularportal-Seite forms-portal-components

AEM Forms bietet standardmäßig die folgenden Portalkomponenten:

  • Suche und Auflister: Mit der Komponente „Suche und Auflister“ können Sie Formulare aus dem Formular-Repository auf Ihrer Portalseite auflisten. Außerdem enthält sie Konfigurationsoptionen, um Formulare basierend auf angegebenen Kriterien aufzulisten.

  • Drafts & Submissions: Während die Komponente „Search & Lister“ Formulare anzeigt, die vom Formularautor veröffentlicht wurden, zeigt die Komponente „Drafts & Submissions“ Formulare, die für den späteren Abschluss als Entwurf gespeichert wurden, sowie gesendete Formulare an. Diese Komponente bietet jeder angemeldeten Person ein personalisiertes Erlebnis.

  • Link: Mit dieser Komponente können Sie einen Link zu einem Formular an beliebiger Stelle auf der Seite erstellen.

Sie können die gebrauchsfertigen Formularportal-Komponenten aus dem AEM-Projektarchetyp importieren. Führen Sie nach dem Import die folgenden Konfigurationen durch:

Importieren von Formularportal-Komponenten import-forms-portal-components-aem-archetype

So importieren Sie vordefinierte Formularportal-Komponenten in AEM Forms as a Cloud Service:

  1. Klonen Sie das Cloud Manager-Git-Repository in Ihrer lokalen Entwicklungsinstanz: Ihr Cloud Manager-Git-Repository enthält ein AEM-Standardprojekt. Es basiert auf dem AEM-Archetyp. Klonen Sie Ihr Cloud Manager-Git-Repository mithilfe der Self-Service-Git-Kontoverwaltung der Cloud Manager-Benutzeroberfläche, um das Projekt in Ihre lokale Entwicklungsumgebung zu bringen. Weitere Informationen zum Zugriff auf das Repository finden Sie unter Zugriff auf Repositorys.

  2. Erstellen von Experience Manager Forms as a [Cloud Service]-Projekt: Erstellen Sie Experience Manager Forms as a [Cloud Service]-Projekt basierend auf AEM Archetyp 27 oder höher. Der Archetyp unterstützt Entwickler beim einfachen Einstieg in die Entwicklung für AEM Forms as a Cloud Service. Darin sind auch einige Beispiel-Designs und Vorlagen enthalten, die Ihnen bei den ersten Schritten helfen.

    Um ein Projekt für Experience Manager Forms as a Cloud Service zu erstellen, öffnen Sie die Eingabeaufforderung und führen Sie den folgenden Befehl aus. Um Forms-spezifische Konfigurationen, Designs und Vorlagen einzuschließen, stellen Sie includeForms=y ein.

    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"

    Ändern Sie im obigen Befehl außerdem appTitle, appId und groupId, sodass die Werte Ihrer Umgebung entsprechen.

    Wenn das Projekt fertig ist, aktualisieren Sie die <core.forms.components.version>x.y.z</core.forms.components.version>-Eigenschaft in pom.xml in der obersten Ebene des Archetypprojekts, um die neueste Version von core-forms-components in Ihrem AEM Archetype-Projekt widerzuspiegeln.

  3. Stellen Sie das Projekt in Ihrer lokalen Entwicklungsumgebung bereit: Sie können den folgenden Befehl verwenden, um eine Bereitstellung in Ihrer lokalen Entwicklungsumgebung durchzuführen

    mvn -PautoInstallPackage clean install

    Die vollständige Liste der Befehle finden Sie unter Erstellen und Installieren

  4. Stellen Sie den Code in Ihrer AEM Forms as a Cloud Service-Umgebung bereit.

Konfigurieren von Azure Storage für adaptive Formulare configure-azure-storage-adaptive-forms

Experience Manager Forms Datenintegration bietet eine Azure-Speicherkonfiguration, um Formulare in Azure-Speicher-Services zu integrieren. Das Formulardatenmodell (FDM) kann verwendet werden, um adaptive Forms zu erstellen, die mit Azure -Server, um geschäftliche Workflows zu aktivieren.

Erstellen der Azure-Speicherkonfiguration create-azure-storage-configuration

Stellen Sie vor dem Ausführen dieser Schritte sicher, dass Sie über ein Azure-Speicherkonto und einen Zugriffsschlüssel verfügen, um den Zugriff auf das Azure-Speicherkonto zu autorisieren.

  1. Navigieren Sie zu Tools > Cloud Services > Azure-Speicher.
  2. Wählen Sie einen Ordner aus, um die Konfiguration zu erstellen, und wählen Sie anschließend die Option Erstellen aus.
  3. Geben Sie im Feld Titel einen Titel für die Konfiguration an.
  4. Geben Sie den Namen des Azure-Speicherkontos im Feld Azure-Speicherkonto an.

Konfigurieren von Unified Storage Connector für das Formularportal configure-usc-forms-portal

Führen Sie die folgenden Schritte aus, um Unified Storage Connector für AEM-Workflows zu konfigurieren:

  1. Gehen Sie zu Tools > Forms > Unified Storage Connector.
  2. Wählen Sie im Abschnitt Formularportal den Eintrag Azure aus der Dropdown-Liste Speicher aus.
  3. Geben Sie im Feld Pfad für Speicherkonfiguration den Konfigurationspfad für die Azure-Speicherkonfiguration an.
  4. Tippen Sie auf Veröffentlichen und dann auf Speichern, um die Konfiguration zu speichern.

Aktivieren von Komponenten des Formularportals enable-forms-portal-components

Um eine beliebige Kernkomponente (einschließlich der vordefinierten Portalkomponenten) auf einer Adobe Experience Manager-Site (AEM) zu verwenden, müssen Sie eine Proxy-Komponente erstellen und für Ihre Site aktivieren. Informationen zum Erstellen einer Proxy-Komponente und Aktivieren von Portalkomponenten finden Sie unter Verwenden von Kernkomponenten.

Sobald eine Portalkomponente aktiviert ist, können Sie sie in der Autoreninstanz Ihrer Sites-Seite verwenden.

Hinzufügen und Konfigurieren von Komponenten des Formularportals configure-forms-portal-components

Sie können das Formularportal auf mit AEM erstellten Websites erstellen und anpassen, indem Sie die Portalkomponenten hinzufügen und konfigurieren. Stellen Sie sicher, dass Komponenten aktiviert sind, bevor Sie sie im Formularportal verwenden.

Um eine Komponente hinzuzufügen, ziehen Sie die Komponente entweder aus dem Bereich „Komponenten“ in den Layout-Container auf der Seite oder wählen Sie das Symbol zum Hinzufügen im Layout-Container und fügen Sie über das Dialogfeld Neue Komponente einfügen die Komponente hinzu.

Konfigurieren der Komponente für Entwürfe und Einsendungen configure-drafts-submissions-component

Die Komponente für Entwürfe und Einsendungen zeigt Formulare an, die als Entwurf zum späteren Ausfüllen und für gesendete Formulare gespeichert wurden. Wählen Sie zum Konfigurieren die Komponente und dann das Symbol „Konfigurieren“ . Geben Sie im Dialogfeld Entwürfe und Einsendungen den Titel an, um die Formularliste als Entwurf oder übermittelte Formulare anzugeben. Wählen Sie außerdem aus, ob die Komponente Entwürfe von Formularen oder übermittelte Formulare im Karten- oder Listenformat auflisten soll.

Symbol für Entwürfe

Symbol für Einsendungen

Konfigurieren der Komponente für Suche und Auflister configure-search-lister-component

Die Komponente für Suche und Auflister wird verwendet, um adaptive Formulare auf einer Seite aufzulisten und die Suche in den aufgelisteten Formularen zu implementieren.

Symbol für Suche und Auflister

Wählen Sie zum Konfigurieren die Komponente und dann das Symbol „Konfigurieren“ aus. Das Dialogfeld Suche und Auflister wird geöffnet.

  1. Konfigurieren Sie auf der Registerkarte Anzeige Folgendes:

    • In Titel geben Sie den Titel für die Komponente für Suche und Auflister an. Ein aussagekräftiger Titel ermöglicht es den Benutzern, die Liste der Formulare schnell zu durchsuchen.
    • Unter Layout wählen Sie das Layout, um die Formulare im Karten- oder Listenformat darzustellen.
    • Wählen Sie Suche ausblenden und Sortierung ausblenden, um die Suche und Sortierung nach Funktionen auszublenden.
    • Geben Sie unter QuickInfo die QuickInfo ein, die angezeigt wird, wenn Sie den Mauszeiger über die Komponente bewegen.

  2. Geben Sie auf der Registerkarte Asset-Ordner den Speicherort an, von dem die Formulare abgerufen und auf der Seite aufgeführt werden. Sie können mehrere Speicherorte für Ordner konfigurieren.

  3. Konfigurieren Sie auf der Registerkarte Ergebnisse die maximale Anzahl von Formularen, die pro Seite angezeigt werden sollen. Der Standardwert ist acht Formulare pro Seite.

Mit der Link-Komponente können Sie Links zu einem adaptiven Formular auf der Seite bereitstellen. Wählen Sie zum Konfigurieren die Komponente und dann das Symbol „Konfigurieren“ aus. Der Dialog Link-Komponente bearbeiten wird geöffnet.

  1. Geben Sie auf der Registerkarte Anzeige die Link-Beschriftung und die QuickInfo ein, um die Identifizierung der durch diesen Link dargestellten Formulare zu erleichtern.
  2. Geben Sie auf der Registerkarte Asset-Informationen den Repository-Pfad an, unter dem das Asset gespeichert ist.
  3. Geben Sie auf der Registerkarte Abfrageparameter die zusätzlichen Parameter im Schlüssel-Wert-Paarformat an. Wenn auf den Link geklickt wird, werden diese zusätzlichen Parameter zusammen mit dem Formular übergeben.

Konfigurieren der asynchronen Formularübermittlung mit Adobe Sign configure-asynchronous-form-submission-using-adobe-sign

Sie können konfigurieren, dass ein adaptives Formular nur gesendet wird, wenn alle Empfänger das Unterschriftsverfahren abgeschlossen haben. Gehen Sie wie folgt vor, um die Einstellung mit Adobe Sign zu konfigurieren.

  1. Öffnen Sie in der Autoreninstanz ein adaptives Formular im Bearbeitungsmodus.
  2. Wählen Sie im linken Bereich das Symbol „Eigenschaften“ aus und erweitern Sie die Option ELEKTRONISCHE UNTERSCHRIFT.
  3. Wählen Sie Adobe Sign aktivieren aus. Es werden verschiedene Konfigurationsoptionen angezeigt.
  4. Wählen Sie im Abschnitt Formular senden die Option nach Abschluss der Signaturzeremonie durch jeden Empfänger aus, um die Aktion „Formular senden“ zu konfigurieren, bei der das Formular erst zur Unterschrift an alle Empfänger gesendet wird. Erst nachdem alle Empfänger das Formular signiert haben, wird das Formular gesendet.

Speichern von adaptiven Formularen als Entwürfe save-adaptive-forms-as-drafts

Sie können Formulare als Entwürfe speichern, um sie später abzuschließen. Es gibt zwei Möglichkeiten, ein Formular als Entwurf zu speichern:

  • Erstellen Sie eine Regel „Formular speichern“ für eine Formularkomponente, beispielsweise eine Schaltfläche. Beim Klicken auf die Schaltfläche wird die Regel ausgelöst und das Formular als Entwurf gespeichert.
  • Aktivieren Sie die Funktion „Automatisches Speichern“, mit der das Formular beim angegebenen Ereignis oder nach einem konfigurierten Zeitintervall gespeichert wird.

Erstellen von Regeln zum Speichern eines adaptiven Formulars als Entwurf rule-to-save-adaptive-form-as-draft

Gehen Sie wie folgt vor, um eine Regel „Formular speichern“ für eine Formularkomponente wie beispielsweise eine Schaltfläche zu erstellen:

  1. Öffnen Sie in der Autoreninstanz ein adaptives Formular im Bearbeitungsmodus.
  2. Wählen Sie im linken Bereich das Symbol „Komponenten“ aus und ziehen Sie die Komponente Schaltfläche auf das Formular.
  3. Wählen Sie die Komponente Schaltfläche und dann das Symbol „Konfigurieren“ aus.
  4. Wählen Sie das Symbol Regeln bearbeiten aus, um den Regeleditor zu öffnen.
  5. Wählen Sie Erstellen aus, um die Regel zu konfigurieren und zu erstellen.
  6. Wählen Sie im Abschnitt Wenn die Option „wird angeklickt“ und im Abschnitt Dann die Option „Formular speichern“ aus.
  7. Wählen Sie Fertig aus, um die Regel zu speichern.

Automatisches Speichern aktivieren enable-auto-save

Sie können die Funktion zum automatischen Speichern für ein adaptives Formular wie folgt konfigurieren:

  1. Öffnen Sie in der Autoreninstanz ein adaptives Formular im Bearbeitungsmodus.
  2. Wählen Sie im linken Bereich das Symbol „Eigenschaften“ aus und erweitern Sie die Option AUTOMATISCHES SPEICHERN.
  3. Setzen Sie das Häkchen bei Aktivieren, um das automatische Speichern des Formulars zu aktivieren. Sie können Folgendes konfigurieren:
  • Standardmäßig wird Adaptives Formularereignis auf „true“ gesetzt, was bedeutet, dass das Formular nach jedem Ereignis automatisch gespeichert wird.
  • Wählen Sie unter Auslöser die Einstellungen entsprechend, sodass die automatische Speicherung basierend auf dem Vorkommen eines Ereignisses oder nach einem bestimmten Zeitintervall ausgelöst wird.

Siehe auch see-also

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