Un exemple de composant web, écrit en JavaScript pur, qui consomme le contenu des API GraphQL d’AEM Headless.
Afficher l’exemple
- Présentation d’AEM Headless
- GraphQL
- Déploiements
- Procédures
- Éditeur de SPA
- Authentification basée sur les jetons
- Content Services
- Présentation
- 1 - Configuration du tutoriel
- 2 - Définir des modèles de fragment de contenu d’événement
- 3 - Créer des fragments de contenu d’événement
- 4 - Définir des modèles Content Services
- 5 - Créer des pages Content Services
- 6 - Exposer le contenu sur l’instance de publication AEM pour sa diffusion
- 7 - Utiliser AEM Content Services à partir d’une application mobile
Déploiements de composants web AEM Headless
Les déploiements AEM Headless des composants web et JS sont des applications JavaScript pures qui s’exécutent dans un navigateur web, qui consomment et interagissent avec le contenu dans AEM de manière découplée. Les déploiements de composants web et JS diffèrent des déploiements SPA, car ils n’utilisent pas un cadre SPA robuste, et sont censés être intégrés dans le contexte de tout site web et diffuser en surface le contenu d’AEM.
Configurations de déploiement
La configuration de déploiement suivante doit être en place pour les déploiements de composants web et JS.
| L’application composant web et JS se connecte à | l’instance de création AEM, | Publication AEM | Prévisualisation AEM |
|---|---|---|---|
| Filtres Dispatcher. | ✘ | ✔ | ✔ |
| Partage de ressources entre origines multiples (CORS). | ✔ | ✔ | ✔ |
| Hôtes AEM. | ✔ | ✔ | ✔ |
Exemple de composant web
Adobe fournit un exemple de composant web.
Ressources
Compte Adobe
Changer la langue
Copyright © 2023 Adobe. All Rights Reserved.
