Shoppy est une application de démonstration qui présente les capacités du SDK React Embedding de Metabase. Il s'agit d'un simple tableau de bord de commerce électronique qui permet aux propriétaires de magasins de visualiser et d'analyser les données de vente.
La démo est disponible sur https://metabase-shoppy.vercel.app.
Cette démo utilise les données de l'instance Metabase Cloud hébergée et fournit un serveur JWT hébergé. Vous n'avez donc pas besoin d'exécuter le serveur Metabase et le serveur JWT localement.
Créez des fichiers d'environnement local.
cp .env.example .env
Installez les dépendances requises.
yarn
Exécutez l’interface React.
yarn dev
Visitez http://localhost:3004
dans votre navigateur.
Important
Les sections suivantes sont destinées aux employés de Metabase qui travaillent sur le SDK d'intégration. Si vous n'êtes pas un employé de Metabase, vous pouvez ignorer les sections suivantes.
Placez le référentiel de la métabase dans ../metabase
Ouvrez un nouveau terminal et exécutez yarn build-release:cljs && yarn build-embedding-sdk:watch
dans le référentiel de la métabase. Cela surveille les changements et crée le SDK d’intégration en mode développement.
Réexécutez la commande suivante chaque fois que vous apportez des modifications à la source du SDK d'intégration. Cela relie à nouveau le SDK construit à l'application de démonstration.
yarn dev:link && yarn dev
Si vous ne pouvez pas utiliser le serveur JWT hébergé, vous pouvez exécuter le serveur JWT localement.
Mettez à jour les variables d'environnement du serveur API dans api/.env
. Si vous êtes un employé de Metabase, reportez-vous à l'élément « Shoppy – Environment File » sur le coffre-fort 1Password.
Exécutez le serveur API.
cd api && yarn && yarn dev
Exécutez l’interface React.
yarn dev:link && yarn dev