Shoppy ist eine Demoanwendung, die die Funktionen des React Embedding SDK von Metabase demonstriert. Es handelt sich um ein einfaches E-Commerce-Dashboard, das es Ladenbesitzern ermöglicht, Verkaufsdaten anzuzeigen und zu analysieren.
Die Demo ist unter https://metabase-shoppy.vercel.app verfügbar.
Diese Demo verwendet die Daten der gehosteten Metabase Cloud-Instanz und stellt einen gehosteten JWT-Server bereit. Daher müssen Sie den Metabase-Server und den JWT-Server nicht lokal ausführen.
Erstellen Sie lokale Umgebungsdateien.
cp .env.example .env
Installieren Sie die erforderlichen Abhängigkeiten.
yarn
Führen Sie das React-Frontend aus.
yarn dev
Besuchen Sie http://localhost:3004
in Ihrem Browser.
Wichtig
Die folgenden Abschnitte richten sich an Metabase-Mitarbeiter, die am Einbettungs-SDK arbeiten. Wenn Sie kein Metabase-Mitarbeiter sind, können Sie die folgenden Abschnitte überspringen.
Platzieren Sie das Metabasis-Repository in ../metabase
Öffnen Sie ein neues Terminal und führen Sie yarn build-release:cljs && yarn build-embedding-sdk:watch
im Metabasis-Repository aus. Dadurch wird auf Änderungen geachtet und das einbettende SDK im Entwicklungsmodus erstellt.
Führen Sie den folgenden Befehl jedes Mal erneut aus, wenn Sie Änderungen an der Quelle des einbettenden SDK vornehmen. Dadurch wird das erstellte SDK erneut mit der Demoanwendung verknüpft.
yarn dev:link && yarn dev
Wenn Sie den gehosteten JWT-Server nicht verwenden können, können Sie den JWT-Server lokal ausführen.
Aktualisieren Sie die Umgebungsvariablen des API-Servers in api/.env
. Wenn Sie ein Metabase-Mitarbeiter sind, sehen Sie sich den Eintrag „Shoppy – Umgebungsdatei“ im 1Password-Tresor an.
Führen Sie den API-Server aus.
cd api && yarn && yarn dev
Führen Sie das React-Frontend aus.
yarn dev:link && yarn dev