shoppy

Shoppy: Incorporando aplicativo de demonstração SDK

Shoppy é um aplicativo de demonstração que mostra os recursos do React Embedding SDK da Metabase. É um painel simples de comércio eletrônico que permite aos comerciantes visualizar e analisar dados de vendas.

A demonstração está disponível em https://metabase-shoppy.vercel.app.

Como executar a demonstração em sua máquina

Esta demonstração usa os dados da instância hospedada do Metabase Cloud e fornece um servidor JWT hospedado, portanto, você não precisa executar o servidor Metabase e o servidor JWT localmente.

• Crie arquivos de ambiente local.

  • cp .env.example .env

• Instale as dependências necessárias.

  • yarn

• Execute o front-end do React.

  • yarn dev

• Visite http://localhost:3004 no seu navegador.

Como desenvolver o SDK localmente?

Importante

As seções a seguir são para funcionários da Metabase que estão trabalhando na incorporação do SDK. Se você não for funcionário da Metabase, poderá pular as seções a seguir.

• Coloque o repositório da metabase em ../metabase

• Abra um novo terminal e execute yarn build-release:cljs && yarn build-embedding-sdk:watch no repositório da metabase. Isso observa alterações e cria o SDK de incorporação no modo de desenvolvimento.

• Execute novamente o comando a seguir sempre que fizer alterações na origem do SDK de incorporação. Isso vincula novamente o SDK criado ao aplicativo de demonstração.

  • yarn dev:link && yarn dev

Como executar a demonstração em um servidor de autenticação JWT local?

Se não for possível usar o servidor JWT hospedado, você poderá executar o servidor JWT localmente.

• Atualize as variáveis ​​de ambiente do servidor API em api/.env . Se você é funcionário da Metabase, consulte o item "Shoppy - Arquivo de Ambiente" no cofre 1Password.

• Execute o servidor API.

  • cd api && yarn && yarn dev

• Execute o front-end do React.

  • yarn dev:link && yarn dev