Hinzufügen des Formularportals zu einer AEM Sites-Seite

Letzte Aktualisierung: 2023-12-05

Adobe empfiehlt die Verwendung der modernen und erweiterbaren Kernkomponenten zur Datenerfassung für das Erstellen neuer adaptiver Formulare oder 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 Benutzererlebnisse. In diesem Artikel wird der ältere Ansatz zum Erstellen von adaptiven Formularen mithilfe von Foundation-Komponenten beschrieben.

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

In einem typischen formularzentrierten Portal-Bereitstellungsszenario sind die Formularentwicklung und die Portalentwicklung zwei getrennte Aktivitäten. Während Formular-Entwicklerinnen bzw. -Entwickler Formulare in einem Repository entwerfen und speichern, erstellen Web-Entwicklerinnen bzw. -Entwickler eine Web-Applikation, um Formulare aufzulisten und die Übermittlung von Formularen zu verarbeiten. Formulare werden in die Web-Stufe kopiert, da keine Kommunikation zwischen dem Formular-Repository und der Web-Applikation besteht.

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 dem Server-Ausfall 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.
  • Listet Entwürfe und Übermittlungen im Zusammenhang mit dem vom Benutzer erstellten adaptiven Forms auf.

Komponenten einer Formularportal-Seite

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

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.

    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

Experience Manager Forms Datenintegration bietet eine Azure-Speicherkonfiguration, um Formulare in Azure-Speicher-Services zu integrieren. Das Formulardatenmodell kann verwendet werden, um adaptive Formulare zu erstellen, die mit Azure-Server interagieren, um Unternehmens-Workflows zu ermöglichen.

Erstellen der Azure-Speicherkonfiguration

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. Gehen Sie zu Tools > Cloud Services > Azure-Speicher.
  2. Wählen Sie einen Ordner aus, um die Konfiguration zu erstellen, und wählen Sie Erstellen.
  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

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 den Konfigurationspfad für die Azure-Speicherkonfiguration im Feld Pfad für Speicherkonfiguration an.
  4. Auswählen Veröffentlichen und wählen Sie Speichern , um die Konfiguration zu speichern.

Aktivieren von Komponenten des Formularportals

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

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 aus und fügen Sie die Komponente aus dem Neue Komponente einfügen angezeigt.

Konfigurieren der Komponente für Entwürfe und Einsendungen

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 aus und wählen Sie dann die 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

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 aus und wählen Sie dann die Symbol "Konfigurieren". 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 aus und wählen Sie dann die Symbol "Konfigurieren". 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

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 ELEKTRONISCHE UNTERSCHRIFT -Option.
  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

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, z. B. 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

Gehen Sie wie folgt vor, um eine Regel "Formular speichern"für eine Formularkomponente zu erstellen, z. B. eine Schaltfläche:

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

Automatisches Speichern aktivieren

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 die Eigenschaften-Symbol und erweitern AUTOMATISCHES SPEICHERN -Option.
  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

Vorherige Seite
Next page

Auf dieser Seite