หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

Shoppy: การฝังแอปพลิเคชันสาธิต SDK

Shoppy เป็นแอปพลิเคชันสาธิตที่แสดงความสามารถของ React Embedding SDK ของ Metabase เป็นแดชบอร์ดอีคอมเมิร์ซที่เรียบง่ายที่ช่วยให้เจ้าของร้านค้าสามารถดูและวิเคราะห์ข้อมูลการขายได้

การสาธิตสามารถดูได้ที่ 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 ใน ../metabase

  • เปิดเทอร์มินัลใหม่และรัน yarn build-release:cljs && yarn build-embedding-sdk:watch ในพื้นที่เก็บข้อมูล metabase สิ่งนี้จะคอยติดตามการเปลี่ยนแปลงและสร้าง SDK ที่ฝังไว้ในโหมดการพัฒนา

  • เรียกใช้คำสั่งต่อไปนี้อีกครั้งทุกครั้งที่คุณทำการเปลี่ยนแปลงกับแหล่งที่มาของ SDK ที่ฝังอยู่ นี่เป็นการเชื่อมโยง SDK ที่สร้างขึ้นกับแอปพลิเคชันสาธิตอีกครั้ง

    • yarn dev:link && yarn dev

จะรันการสาธิตกับเซิร์ฟเวอร์ JWT auth ในเครื่องได้อย่างไร

หากคุณไม่สามารถใช้เซิร์ฟเวอร์ JWT ที่โฮสต์ได้ คุณสามารถรันเซิร์ฟเวอร์ JWT ภายในเครื่องได้

  • อัปเดตตัวแปรสภาพแวดล้อมของเซิร์ฟเวอร์ API ใน api/.env หากคุณเป็นพนักงาน Metabase โปรดดูรายการ "Shoppy - ไฟล์สิ่งแวดล้อม" บน 1Password vault

  • เรียกใช้เซิร์ฟเวอร์ API

    • cd api && yarn && yarn dev

  • เรียกใช้ส่วนหน้า React

    • yarn dev:link && yarn dev
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด