shoppy

Shoppy: внедрение демо-приложения SDK

Shoppy — это демонстрационное приложение, демонстрирующее возможности Metabase React Embedding SDK. Это простая панель электронной коммерции, которая позволяет владельцам магазинов просматривать и анализировать данные о продажах.

Демо-версия доступна по адресу https://metabase-shoppy.vercel.app.

Как запустить демо-версию на своем компьютере

В этой демонстрации используются данные из размещенного экземпляра Metabase Cloud и предоставляется размещенный сервер JWT, поэтому вам не нужно запускать сервер Metabase и сервер JWT локально.

• Создайте файлы локальной среды.

  • cp .env.example .env

• Установите необходимые зависимости.

  • yarn

• Запустите интерфейс React.

  • yarn dev

• Посетите http://localhost:3004 в своем браузере.

Как разработать SDK локально?

Важный

Следующие разделы предназначены для сотрудников Metabase, которые работают над встраиваемым SDK. Если вы не являетесь сотрудником Metabase, вы можете пропустить следующие разделы.

• Поместите репозиторий метабазы ​​в ../metabase

• Откройте новый терминал и запустите yarn build-release:cljs && yarn build-embedding-sdk:watch в репозитории метабазы. Это отслеживает изменения и создает SDK для внедрения в режиме разработки.

• Повторно запускайте следующую команду каждый раз, когда вы вносите изменения в исходный код SDK для внедрения. Это повторно связывает встроенный SDK с демонстрационным приложением.

  • yarn dev:link && yarn dev

Как запустить демо-версию на локальном сервере аутентификации JWT?

Если вы не можете использовать размещенный сервер JWT, вы можете запустить сервер JWT локально.

• Обновите переменные среды сервера API в api/.env . Если вы являетесь сотрудником Metabase, обратитесь к элементу «Shoppy — Файл среды» в хранилище 1Password.

• Запустите сервер API.

  • cd api && yarn && yarn dev

• Запустите интерфейс React.

  • yarn dev:link && yarn dev