Prise en main de Forms sur AEM Edge Delivery Services
Il s’agit d’une fonctionnalité de version préliminaire accessible par le biais de notre canal de version préliminaire.
Ce guide vous aide à comprendre et à implémenter des formulaires à l’aide de Adobe Experience Manager (AEM) Edge Delivery Services (EDS). Que vous créiez un formulaire de contact simple ou un outil de collecte de données complexe, cette page vous guide tout au long des options.
Présentation de Forms dans Edge Delivery Services
Edge Delivery Services est une solution moderne d’Adobe qui permet de diffuser du contenu web, y compris des formulaires, avec des performances et une agilité exceptionnelles. En utilisant Edge Delivery Services pour vos formulaires, vous pouvez :
- Offrez des expériences plus rapides : les Forms se chargent incroyablement rapidement, car elles sont diffusées à partir d’un réseau mondial de serveurs Edge (CDN) proche de vos utilisateurs. Cela améliore la satisfaction des utilisateurs et peut augmenter les taux de remplissage des formulaires.
- Mettre à jour Forms plus facilement : l’approche Edge Delivery Services permet souvent des cycles de développement et des mises à jour de contenu plus rapides, ce qui vous permet d’adapter rapidement vos formulaires.
- Créer un Forms moderne et réactif : créez des formulaires qui s’affichent avec élégance et qui fonctionnent de manière transparente sur n’importe quel appareil.
- Bénéficiez de l’évolutivité et de la fiabilité : vos formulaires seront aussi robustes et évolutifs que l’infrastructure Edge sous-jacente.
Ce guide :
- Expliquez les différentes manières de créer (créer) des formulaires pour vos sites Edge Delivery.
- Vous montrer comment configurer ce qui se passe après l’envoi d’un formulaire par un utilisateur (actions d’envoi).
- Vous aider à choisir les meilleures méthodes pour vos besoins spécifiques et les compétences de l'équipe.
- Fournissez des diagrammes architecturaux et des bonnes pratiques.
Termes Clés À Connaître
- Edge Delivery Services (EDS) : architecture d’Adobe la performance d’abord pour diffuser du contenu AEM via des réseaux de diffusion de contenu. Également appelé le projet Franklin.
- AEM Forms: Solution Adobe pour la création, la gestion et le traitement des formulaires.
- Éditeur universel (UE) : éditeur visuel WYSIWYG pour le contenu AEM, y compris les formulaires.
- Création basée sur des documents : création de formulaires à l’aide de Microsoft Word ou Google Docs/Sheets.
- Création de documents (DA) : service hébergé par Adobe pour la création de contenu (y compris des pages pouvant héberger des formulaires) pour Edge Delivery Services.
- Service d’envoi Forms (FSS) : service Adobe qui simplifie l’envoi de données de formulaire vers des feuilles de calcul ou des e-mails.
- Instance de publication AEM : environnement AEM actif pouvant traiter des envois de formulaires complexes.
- PARTAGE DE RESSOURCES CROSS-ORIGIN (CORS) : fonctionnalité de sécurité de navigateur qui doit être configurée lors de l’incorporation de formulaires provenant de différents domaines.
- CDN (réseau de diffusion de contenu) : réseau de serveurs qui diffuse rapidement du contenu web aux utilisateurs en fonction de leur emplacement géographique.
Diagramme conceptuel de l’interaction de formulaire Edge Delivery Services
Ce diagramme montre un utilisateur interagissant avec un formulaire diffusé rapidement via un réseau CDN. Les données qu’ils envoient sont ensuite gérées par un système principal.
Comment Forms fonctionne-t-il avec Edge ?
Avec EDS, le contenu de votre site web (y compris la structure de vos formulaires) peut provenir de diverses sources telles qu’AEM as a Cloud Service, SharePoint, Google Drive ou le service de création de documents (DA). Ce contenu est ensuite publié sur un réseau CDN global. Lorsqu’un utilisateur visite votre site, le contenu est diffusé directement à partir du serveur de réseau CDN le plus proche, assurant ainsi une vitesse maximale.
Architecture Edge Delivery Services simplifiée avec Forms
Ce diagramme présente le parcours : les formulaires sont définis dans un système de création, publiés sur Edge, diffusés aux utilisateurs et utilisatrices, et les données envoyées sont traitées par un serveur principal.
Choix de la méthode de création de formulaire
Vous disposez de trois méthodes principales pour créer des formulaires pour vos sites Edge Delivery Services. Votre choix dépendra des compétences de votre équipe, de la complexité du formulaire et des besoins de votre projet.
Quelle approche de création vous convient le mieux ?
Utilisez cette arborescence de décision pour effectuer les choix suivants :
Arborescence de décision de création de formulaire
Cette arborescence de décision vous permet de sélectionner une méthode de création en fonction des besoins de votre équipe et de votre formulaire.
Création de Forms avec des documents (Word/Google Docs)
Cette méthode est idéale pour créer rapidement des formulaires si votre équipe maîtrise Microsoft Word ou Google Docs/Sheets.
Fonctionnement : du document au formulaire web
Vous définissez les champs, étiquettes et types de votre formulaire directement dans un document Word ou une feuille Google à l’aide d’un format de tableau spécial ou d’un « bloc de formulaire ». Lorsque vous publiez ce document, Edge Delivery Services le convertit automatiquement en un formulaire HTML prêt pour le web avec lequel les utilisateurs peuvent interagir sur votre site.
Fonctionnalités
- Créez dans des outils familiers : Word, Google Docs, Google Sheets.
- Définir des champs : entrées de texte, e-mail, listes déroulantes, cases à cocher, boutons radio, zones de texte.
- Ajoutez des étiquettes, des espaces réservés et des messages d’aide.
- Définissez des règles de validation de base : champs obligatoires, format des e-mails.
- Intégrez reCAPTCHA pour la protection contre le spam.
- Autoriser les chargements de fichiers.
- Publier instantanément : les modifications apportées à votre document sont rapidement répercutées sur le site actif.
- Étendre avec du code personnalisé : les utilisateurs expérimentés peuvent ajouter des composants de formulaire personnalisés et un style via GitHub.
Considérations
- Votre équipe utilise régulièrement Word ou Google Docs/Sheets pour le contenu.
- Vous devez créer rapidement des formulaires simples à modérément complexes.
- Vous souhaitez envoyer les données de formulaire directement à une feuille de calcul ou à une adresse e-mail avec une configuration minimale.
Fonctionnement Des Envois (Principalement Le Service D’Envoi Forms)
Les Forms créées de cette manière envoient généralement leurs données au service d’envoi AEM Forms. Vous la configurez (souvent dans le document source lui-même) pour envoyer des données à une feuille de Google, à un fichier Excel sur OneDrive/SharePoint ou sous la forme d’un e-mail.
Concept de création basé sur les documents
Ce diagramme montre comment un formulaire défini dans un document devient un formulaire web en ligne.
Forms visuellement avec l’éditeur universel
L’éditeur universel offre une interface moderne par glisser-déposer pour créer des formulaires directement dans votre navigateur web.
Fonctionnement : glisser-déposer la création de formulaire
Vous utilisez une interface visuelle pour faire glisser des composants de formulaire (champs de saisie, boutons, listes déroulantes, etc.) sur votre page. Vous pouvez ensuite configurer les propriétés de chaque composant (libellés, validation, etc.) via un panneau de propriétés. L’éditeur universel vous affiche un aperçu en temps réel de votre formulaire.
Fonctionnalités
- Création de formulaires visuels avec une bibliothèque de composants préconfigurés.
- Configurer la validation en temps réel et la logique commerciale (par exemple, afficher/masquer les champs en fonction des sélections).
- Consultez les aperçus en direct pour différents appareils (bureau, mobile).
- Intégrez-la à des fonctionnalités AEM telles que les fragments de contenu, les workflows AEM et les autorisations utilisateur.
- Utilisez « Experience Builder » pour obtenir de l’aide de l’IA pour créer ou modifier des formulaires à l’aide d’invites.
Considérations
- Vous devez créer des formulaires complexes avec une logique conditionnelle, des panneaux à plusieurs étapes ou une personnalisation.
- Votre équipe (par exemple, spécialistes marketing, utilisateurs professionnels) préfère les outils visuels.
- Vous avez besoin d’une forte intégration à AEM as a Cloud Service pour la gouvernance, les workflows ou l’utilisation de ressources AEM dans vos formulaires.
Fonctionnement des envois (service d’envoi Forms ou publication AEM)
Forms créé avec l’éditeur universel peut :
- Utilisez le simple service d’envoi Forms (pour envoyer des données vers des feuilles de calcul ou des e-mails).
- Envoyez des données à votre instance de publication AEM pour un traitement plus avancé (comme le démarrage d’un workflow AEM, l’utilisation du modèle de données de formulaire ou l’intégration à d’autres systèmes d’entreprise).
Concept de l’éditeur universel
Ce diagramme présente les principales parties de l’éditeur universel utilisées pour la création de formulaires.
Utilisation de Forms avec la création de documents (DA)
La création de documents (DA) est un service hébergé par Adobe qui permet de créer et de gérer le contenu de votre site web principal (pages, articles) qui sera diffusé via Edge Delivery Services. Il s’agit d’une alternative à l’utilisation de SharePoint ou de Google Drive pour votre contenu source Edge Delivery Services.
Présentation de la création de documents (DA) pour le contenu Edge Delivery Services
La création de documents fournit un environnement de création de niveau entreprise à l’aide du système de conception Adobe (Spectrum) et du modèle de document AEM (blocs, sections). Il est conçu pour la gestion de contenu structuré pour EDS.
Comment DA gère Forms (incorporation, pas création directe)
DA n’est pas un outil permettant de créer des formulaires à partir de zéro. Au lieu de cela, vous utilisez DA pour créer vos pages web, puis vous incorporez des formulaires (créés à l’aide de la création basée sur les documents ou de l’éditeur universel) dans ces pages créées par DA.
Étapes d’intégration de Forms à vos pages DA
-
Créez votre formulaire : Créez votre formulaire à l’aide de l’une des méthodes suivantes :
- Création basée sur des documents (Word/Google Docs)
- Éditeur universel
-
Publier votre formulaire : assurez-vous que ce formulaire est publié et accessible via sa propre URL Edge Delivery (par exemple,
https://your-eds-project.hlx.page/forms/contact-us). -
Créer votre page dans DA : créez ou modifiez la page dans la création de documents à l’endroit où vous souhaitez que le formulaire apparaisse.
-
Incorporer le formulaire : utilisez un « bloc » ou un composant spécifique dans votre page DA pour référencer et incorporer le formulaire à partir de son URL. La page DA récupère et affiche alors ce formulaire créé en externe.
Création de documents avec formulaire incorporé
Ce diagramme montre que vous créez d’abord un formulaire à l’aide de l’UE ou de documents, puis que vous l’incorporez dans une page que vous créez dans Document Authoring.
Comparaison des options de création
Arborescence de décision améliorée
Comparaison des fonctionnalités des méthodes de création
Le tableau suivant présente une comparaison détaillée des fonctionnalités clés des différentes méthodes de création de formulaires AEM, afin de vous aider à sélectionner l’approche la plus adaptée à vos besoins.
Pour tirer parti de ce que vous avez appris, voici comment aller de l’avant :
Choisissez votre stratégie d’envoi décidez si votre projet nécessite la simplicité du service d’envoi de Forms (idéal pour la sortie par feuille de calcul/e-mail) ou la flexibilité et l’intégration du serveur principal offertes par les actions d’envoi de l’instance de publication AEM.
Reportez-vous à l’article Bonnes pratiques pour la création de Formspour savoir comment concevoir des formulaires efficaces, accessibles et conviviaux.
Étapes suivantes
Ce guide présente un aperçu de l’utilisation de forms avec AEM Edge Delivery Services. Pour obtenir des instructions détaillées sur les configurations spécifiques, reportez-vous à la documentation Adobe Experience Manager officielle :