Edge Delivery Services, anciennement connu sous le nom d’AEM Franklin

Aperçu

Dans le paysage dynamique de la technologie d’aujourd’hui, Services de livraison en périphérie est devenu un mot à la mode notable avec AEM Franklin (aussi connu sous le nom Hélix).

Services de livraison en périphérie se concentre sur la fourniture de contenu et d’expériences avec une vitesse, une évolutivité et une personnalisation optimales. Il se situe à la périphérie du réseau, plus près des utilisateurs, pour offrir contenu plus rapidement et réduire la latence. D’autre part, AEM Franklin se concentre principalement sur la rationalisation de la création, de l’édition et de la collaboration de contenu pour les sites AEM. Il offre une nouvelle façon de mettre à jour le contenu et de publier des pages AEM à l’aide de Google Drive ou de Microsoft Office via Sharepoint.

Edge Delivery Services est utilisé avec AEM Franklin pour fournir le contenu plus rapidement avec une création basée sur des documents ainsi que des pages avec d’excellents scores Lighthouse de 99 ou 100.

Bien que Edge Delivery Services et AEM Franklin soient liés à AEM, il est important de noter qu’ils font partie de AEM en tant que service cloud et sont un module/fonctionnalité indépendant distinct. Un projet construit dans AEM suit une structure et une approche complètement différentes de celles créées à l’aide de Edge Delivery Services.

Approfondissons ce sujet et développons une meilleure compréhension.

Architecture

Décomposons-le en trois parties :

1. La couche inférieure: Il explique les différentes options de création telles que Google Docs et Sheets, etc. La création AEM fait référence à l’éditeur WYSIWYG et à la création sans tête. Le référentiel de code recommandé est GitHub. Nous pouvons également intégrer des bibliothèques et des API tierces dans notre code.
2. La couche intermédiaire: Cette couche fonctionne en coulisses et est entièrement gérée par Adobe. Le hub de contenu englobe le code, les actifs, les médias et le contenu structuré et non structuré (contenu créé). Le CDN Edge Delivery exclusif d’Adobe garantit que le contenu directement visible sur le site atteint des scores phare exceptionnels de 99 à 100, même avec des images et des vidéos de grande taille. Toute utilisation d’un CDN alternatif nécessite de le superposer à Edge Delivery d’Adobe.
3. La couche supérieure: Il présente notre CDN interne, géré par nos soins. De plus, des navigateurs et des applications sont utilisés pour présenter nos sites.

Construire un site à partir de zéro

Pour plus de détails, vous pouvez également suivre ceci Didacticiel.

Points clés

• Au lieu d’un chameau, utilisez des mots avec trait d’union pour le nom de votre référentiel GitHub.
• Si l’exemple de site ne s’exécute pas, vérifiez l’URL et assurez-vous que votre référentiel est configuré avec précision avec l’application GitHub AEM Code Sync.
• Lorsque vous copiez l’exemple de contenu sur votre lecteur, assurez-vous que l’extension du fichier reste inchangée.
• Si l’extension AEM Sidekick ne fonctionne pas correctement, assurez-vous que vous y avez correctement ajouté votre projet. De plus, assurez-vous de désactiver tous les bloqueurs de publicités que vous utilisez.

Voici une brève explication des fichiers et dossiers présents dans le passe-partout :

1. Blocs: Semblables aux composants AEM, ce sont des composants réutilisables pour une utilisation directe dans le document de création. Pour incorporer ces blocs, créez un tableau dans lequel la première ligne contient le nom du bloc et les colonnes en dessous contiennent les données correspondantes. Pour des informations détaillées sur tous les blocs disponibles, veuillez visiter ici. Les blocs inclus dans le passe-partout sont appelés blocs par défaut.Le contenu qui s’affiche directement sur le site à partir du document de création sans utiliser la structure de table de blocs est appelé contenu par défaut.

   Il y a aussi la notion de blocage automatique. Par exemple, lorsqu’un texte H1 est écrit sous une image dans le document de création, le texte apparaît automatiquement à l’intérieur de l’image sur la page publiée.

   Il est également possible de créer blocs personnalisés. Le nom du bloc est crucial. Par exemple, pour le bloc « cards », son nom de dossier est « cards » et ses fichiers CSS et JS sont nommés respectivement « cards.css » et « cards.js ». Les CSS et JS sont également écrits en gardant à l’esprit le nom du bloc.

2. Icônes: Vous pouvez stocker tous les fichiers SVG ici. Ils sont accessibles en utilisant la notation: : par les auteurs.
3. scripts et modes: Il contient les JS et CSS globaux nécessaires au projet. Ne touchez pas à ces fichiers sauf si cela est obligatoire.
4. .hlxignorer: Lors du rendu du site Web, le code est exploré par un Bot AEM, également connu sous le nom de robot Helix. Pour exclure des fichiers de l’exploration du robot, nous devons les spécifier dans ce fichier.
5. 404.html: Lorsque vous cliquez sur un lien et que le serveur ne localise aucun contenu, il renvoie une erreur 404. Vous pouvez configurer la page d’erreur 404 dans ce fichier.
6. favicon.ico: Vous pouvez utiliser ce fichier pour définir un favicon pour votre site.
7. fstab.yaml: Vous pouvez monter votre Google Drive ici en fournissant simplement le lien partageable vers le dossier contenant le fichier d’index.
8. tête.html: Il inclut toutes les balises pertinentes dans la balise d’un code HTML standard. Il devrait rester inchangé à moins que des changements nécessaires ne soient requis.

Autres fichiers/fonctionnalités remarquables à explorer

• robots.txt: Vous pouvez personnaliser le contenu de ce fichier pour indexer uniquement des pages spécifiques sur Google, à l’exclusion des autres.
• helix-query.yaml: Vous pouvez configurer ce fichier pour exporter les données cruciales de votre site, telles que les titres et les dates de dernière modification, dans une feuille Excel. Avec ce fichier, vous avez la possibilité de créer des configurations d’index personnalisées.
• helix-sitemap.yaml: Ce fichier peut être configuré avec diverses options pour automatiser la génération du plan du site.
• Feuilles de calcul et JSON: Il peut traduire des feuilles de calcul en fichiers JSON, que le site peut facilement utiliser. Quelques cas d’utilisation incluent la création de champs de formulaire et la récupération des données de formulaire dans une feuille de calcul lors de la soumission.
• Formes: Vous pouvez récupérer directement les données soumises pour un formulaire dans une feuille Excel.

Plus d’informations

Edge Delivery Services et AEM Franklin évoluent continuellement, nécessitant une exploration supplémentaire. À mesure que nous approfondissons, des recherches supplémentaires sont nécessaires pour démêler ses complexités et acquérir une compréhension globale.

À mesure que nous continuons à explorer ce sujet en évolution, de nouvelles informations arrivent. Restez à l’écoute des découvertes à venir pour mettre en lumière de nouvelles dimensions et améliorer notre compréhension de ce sujet dynamique.

Les références