22. Créez votre propre tableau de bord en temps réel à l’aide de Adobe I/O - Project Firefly et Adobe Experience Platform

Auteurs : Rob In der Maur, Wouter Van Geluwe

Dans ce module, vous allez utiliser Adobe I/O - Project Firefly pour créer votre propre tableau de bord en temps réel qui consomme des données de Adobe Experience Platform en temps réel.

Project Firefly est un framework complet qui permet aux développeurs d’entreprise de créer et de déployer des applications web personnalisées qui étendent les solutions Adobe Experience Cloud et s’exécutent sur l’infrastructure d’Adobe. Il tire parti des technologies modernes (pile JAM, calcul sans serveur, noeud et React) et garantit les bonnes pratiques lors de la création d’applications (architecture pilotée par un événement, micro-services, intégration continue et diffusion).
Vous pouvez lire beaucoup plus de détails sur ce que représente Project Firefly ici.

Dans ce tutoriel, vous allez apprendre à créer votre première application Project Firefly. Vous allez suivre de près la documentation officielle de Project Firefly et vous devrez vous assurer que votre configuration est spécifique à notre instance Adobe Experience Platform.

Vous utiliserez ensuite le code développé aux fins de ce tutoriel pour démontrer une application Project Firefly qui fournit un tableau de bord de consommation de contenu en temps réel pour EXP News, une entreprise de médias fictifs.

Objectifs d’apprentissage

  • Familiarisez-vous avec Adobe I/O Runtime
  • Familiarisez-vous avec le projet Firefly
  • Comprendre comment créer des applications natives cloud dans l’écosystème d’Adobe
  • Découvrez comment utiliser Project Firefly pour créer des tableaux de bord en temps réel à l’aide de données provenant de Adobe Experience Platform

Conditions préalables

  • Accès à Adobe Experience Platform et Adobe I/O Runtime
  • Compréhension des jeux de données Adobe Experience Platform et XDM
  • Il est recommandé de se familiariser avec la ligne de commande sous macOS ou Windows.

Aperçu de l’architecture

Regardez l’architecture ci-dessous, qui met en évidence les composants qui seront discutés et utilisés dans ce module.

Aperçu de l’architecture

Environnement de test à utiliser

Pour ce module, utilisez cet environnement de test : --aepSandboxId--.

REMARQUE

N’oubliez pas d’installer, de configurer et d’utiliser l’extension Chrome comme référencé dans 0.6 - Installation de l’extension Chrome pour la documentation Experience League

Exercices

22.1 Configuration de votre environnement

Pour travailler avec Project Firefly, certains outils doivent être installés sur votre ordinateur local.

22.2 Présentation de Project Firefly

Au cours de cet exercice, vous allez apprendre à configurer un exemple de projet avec Project Firefly.

22.3 Création de votre tableau de bord EXP News en temps réel

Dans cet exercice, vous allez créer et configurer un webhook personnalisé. Vous allez commencer à transférer les données collectées par le SDK Web vers ce webhook personnalisé.

2.4 Connexion de la collecte de données EXP News à votre tableau de bord EXP News en temps réel

Au cours de cet exercice, vous allez créer et configurer une fonction cloud Google et vous allez commencer à transférer les données collectées par le SDK Web vers Google.

Résumé et avantages

Résumé de ce module et aperçu des avantages.

REMARQUE

Merci d'investir votre temps dans l'apprentissage de Adobe Experience Platform. Si vous avez des questions, si vous souhaitez partager les commentaires généraux d'avoir des suggestions sur le contenu futur, veuillez contacter directement Wouter Van Geluwe en envoyant un email à vangeluw@adobe.com.

Revenir à tous les modules

Sur cette page