Häufig gestellte Fragen (FAQ) headless-adaptive-forms-faq
Sollte ich wissen, dass React.js Headless-adaptive Formulare verwendet?
Sie können jedes Framework, jede Bibliothek und jede Sprache verwenden, um adaptive Headless-Formulare zu rendern und die REST-APIs von Adobe zu verwenden, um die Formulare zu validieren und zu senden. Die AF-Core-Bibliothek, die Ihnen standardmäßig bereitgestellt wird, ist Framework-unabhängig. Die React-Render- und React-Komponentenbibliotheken, die Ihnen vorkonfiguriert bereitgestellt werden, dienen der Vereinfachung. Sie können Ihre eigenen Komponenten erstellen; Sie sind nicht auf die bereitgestellten Komponenten beschränkt.
Benötige ich eine Forms as a Cloud Service-Sandbox, um adaptive Headless-Formulare zu verwenden?
Mit der Starter-App können Sie mit der Entwicklung und Gestaltung Ihrer adaptiven Headless-Formulare beginnen. Sie benötigen Forms as a Cloud Service, um adaptive Headless-Formulare zusammen mit Backend-Formularfunktionen zu hosten und bereitzustellen.
Wo erhalte ich eine Vorschau eines adaptiven Headless-Formulars? storybook-example
Mit der Starter-App können Sie ein benutzerdefiniertes adaptives Headless-Formular rendern und in der Vorschau anzeigen. Sie können auch ein Beispiel für ein Storybook zur Vorschau eines adaptiven Headless-Formulars bearbeiten.
Ist es möglich, adaptive Headless-Formulate mit benutzerdefinierten Frameworks zu verwenden?
Adaptive Headless-Formulare basieren auf einer Standardspezifikation. Sie können die Spezifikation erweitern, um sie zum Erstellen benutzerdefinierter Komponenten zu verwenden. Zum Beispiel Komponenten für Chakra UI, Vue.js und mehr.
Unterstützen adaptive Headless-Formulare kaskadierende Felder?
In kaskadierenden Feldern hängt der Inhalt des zweiten Felds von dem im ersten Feld ausgewählten Inhalt ab. Das Storybook bietet ein Beispiel für kaskadierende Felder.
Ermöglichen adaptive Headless-Formulare das Vorausfüllen von Formularen mit personalisierten Daten?
Headless Adaptive Forms ermöglichen das Vorbefüllen von Formularen mit personalisierten Daten. Das Storybook bietet ein Beispiel dafür, wie ein adaptives Headless-Formular vorab ausgefüllt werden kann.
Kann ich adaptive Headless-Formulare mit Angular SPA verwenden?
Sie können das Web SDK verwenden, um adaptive Headless-Formulare in Angular SPA zu integrieren. Es ist unabhängig von jeglichem Framework. Sie können die React-SDK als Referenz verwenden.
Gibt es ein Plugin, das die Entwicklung von Headless AF erleichtert?
Ja - Mit einer Visual Studio Code-Erweiterung können Sie adaptive Headless-Formulare manuell in JSON erstellen.
Was ist der empfohlene Ansatz für mobile oder Offline-Formulare? mobile-offline-forms
Erstellen Sie Ihre eigene native App und rufen Sie Formulardefinitionen über die Headless Adaptive Forms-API ab. Sie können optional Offline-Unterstützung implementieren (z. B. lokale Speicherung und Synchronisierung). Siehe Best Practices für Mobile Forms für den empfohlenen Ansatz und Links zu APIs.
Wie verwendet man GraphQL oder Headless-APIs mit AEM Forms?
AEM Headless Adaptive Forms verwenden HTTP/REST-APIs, nicht GraphQL. Ihre App ruft diese APIs auf, um Formulare aufzulisten, eine Formulardefinition (JSON) abzurufen, den Übermittlungsstatus zu validieren, zu übermitteln und zu verfolgen. Verwenden Sie die HTTP-APIs für adaptive HeadlessFormulare als vollständige Referenz. Informationen dazu, wie Formulare abgerufen und gerendert werden, finden Sie unter Architektur und Grundlegendes zu Headless-Formularen.
Wie kann ich Headless-Formulare mithilfe von React-Komponenten in Adobe AEM Forms implementieren und gestalten?
Sie implementieren und gestalten Headless-Formulare, indem Sie Ihre eigenen React-Komponenten und CSS (oder eine Benutzeroberflächenbibliothek wie die Material-Benutzeroberfläche) verwenden. Die Formularlogik - Status, Validierung und Regeln - stammt aus dem Forms Web SDK und dem Formular-JSON. Ihre App stellt die Benutzeroberfläche bereit, die sie rendert.
- Informationen zum Gestalten eines Headless-Formulars mit einer React-Benutzeroberflächenbibliothek finden Sie unter Verwenden einer benutzerdefinierten React-Bibliothek zum Rendern eines Headless-Formulars.
- Informationen zum Erstellen und Zuordnen benutzerdefinierter React-Komponenten zu Formularfeldern finden Sie unter Verwenden benutzerdefinierter Komponenten zum Rendern eines Headless-Formulars.
Konzepte, z. B. für die Verwendung von Headless-Formularen, Zustandsverwaltung und Validierung, finden Sie unter Grundlagen zu Headless-Formularen.
Wie kann ich AEM Forms mit benutzerdefiniertem CSS, Designs, Regel-Editoren und Headless-Formularen implementieren und anpassen?
Headless-Formulare: Styling und Look-and-Feel stehen vollständig unter Ihrer Kontrolle. Sie verwenden Ihre eigenen React-Komponenten (oder andere) und Ihr eigenes CSS. Es gibt keine integrierten Designs. Siehe Verwenden einer benutzerdefinierten React-Bibliothek zum Rendern eines Headless-Formulars und Verwenden benutzerdefinierter Komponenten zum Rendern eines Headless-Formulars um Headless-Formulare zu implementieren und zu gestalten.
Klassische AEM Forms (Designs, Regeleditor, visueller Editor): Benutzerdefiniertes CSS, der Design-Editor und der Regeleditor gelten für das klassische Authoring-Erlebnis für adaptive Forms (ohne Headless). Informationen zu diesen Themen finden Sie in der Dokumentation zu AEM Forms auf Experience League.
Kann ein adaptives Headless-Formular eine Verbindung zu jedem CRM herstellen, um Daten zu lesen oder zu schreiben?
Sie können Microsoft Dynamics und Salesforce verwenden, um ein adaptives Headless-Formular zu übermitteln oder vorab auszufüllen. Abgesehen von CRMs unterstützen adaptive Headless-Formulare das Senden oder Vorabausfüllen mithilfe von REST-Endpunkten, E-Mails und benutzerdefinierte Übermittlungsaktionen.