shoppy

Shoppy: SDK 데모 애플리케이션 삽입

Shoppy는 Metabase의 React Embedding SDK 기능을 보여주는 데모 애플리케이션입니다. 매장 주문자가 판매 데이터를 조회하고 분석할 수 있는 간단한 전자상거래 대시보드입니다.

데모는 https://metabase-shoppy.vercel.app에서 사용할 수 있습니다.

컴퓨터에서 데모를 실행하는 방법

이 데모에서는 호스팅된 Metabase Cloud 인스턴스의 데이터를 사용하고 호스팅된 JWT 서버를 제공하므로 메타베이스 서버와 JWT 서버를 로컬에서 실행할 필요가 없습니다.

• 로컬 환경 파일을 만듭니다.

  • cp .env.example .env

• 필요한 종속성을 설치합니다.

  • yarn

• React 프론트엔드를 실행하세요.

  • yarn dev

• 브라우저에서 http://localhost:3004 방문하세요.

SDK를 로컬에서 개발하는 방법은 무엇입니까?

중요한

다음 섹션은 포함 SDK 작업을 수행하는 Metabase 직원을 위한 것입니다. Metabase 직원이 아닌 경우 다음 섹션을 건너뛸 수 있습니다.

• 메타베이스 저장소를 ../metabase 에 배치합니다.

• 새 터미널을 열고 메타베이스 저장소에서 yarn build-release:cljs && yarn build-embedding-sdk:watch 실행하세요. 이는 변경 사항을 감시하고 개발 모드에서 임베딩 SDK를 빌드합니다.

• 포함 SDK 소스를 변경할 때마다 다음 명령을 다시 실행하세요. 그러면 빌드된 SDK가 데모 애플리케이션에 다시 연결됩니다.

  • yarn dev:link && yarn dev

로컬 JWT 인증 서버에 대해 데모를 실행하는 방법은 무엇입니까?

호스팅된 JWT 서버를 사용할 수 없는 경우 JWT 서버를 로컬로 실행할 수 있습니다.

• api/.env 에서 API 서버의 환경 변수를 업데이트합니다. Metabase 직원이라면 1Password 볼트의 "Shoppy - 환경 파일" 항목을 참고하세요.

• API 서버를 실행합니다.

  • cd api && yarn && yarn dev

• React 프론트엔드를 실행하세요.

  • yarn dev:link && yarn dev