Shoppy es una aplicación de demostración que muestra las capacidades del SDK de incrustación de React de Metabase. Es un panel de comercio electrónico simple que permite a los propietarios de tiendas ver y analizar datos de ventas.
La demostración está disponible en https://metabase-shoppy.vercel.app.
Esta demostración utiliza los datos de la instancia alojada de Metabase Cloud y proporciona un servidor JWT alojado, por lo que no es necesario ejecutar el servidor Metabase ni el servidor JWT localmente.
Cree archivos de entorno local.
cp .env.example .env
Instale las dependencias necesarias.
yarn
Ejecute la interfaz de React.
yarn dev
Visite http://localhost:3004
en su navegador.
Importante
Las siguientes secciones son para los empleados de Metabase que están trabajando en la incorporación del SDK. Si no es empleado de Metabase, puede omitir las siguientes secciones.
Coloque el repositorio de la metabase en ../metabase
Abra una nueva terminal y ejecute yarn build-release:cljs && yarn build-embedding-sdk:watch
en el repositorio de la metabase. Esto busca cambios y crea el SDK integrado en modo de desarrollo.
Vuelva a ejecutar el siguiente comando cada vez que realice cambios en el origen del SDK integrado. Esto vuelve a vincular el SDK creado con la aplicación de demostración.
yarn dev:link && yarn dev
Si no puede utilizar el servidor JWT alojado, puede ejecutar el servidor JWT localmente.
Actualice las variables de entorno del servidor API en api/.env
. Si es empleado de Metabase, consulte el elemento "Shoppy - Archivo de entorno" en la bóveda de 1Password.
Ejecute el servidor API.
cd api && yarn && yarn dev
Ejecute la interfaz de React.
yarn dev:link && yarn dev