الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

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 محليا؟

مهم

الأقسام التالية مخصصة لموظفي قاعدة التعريف الذين يعملون على تضمين SDK. إذا لم تكن موظفًا في قاعدة التعريف، فيمكنك تخطي الأقسام التالية.

  • ضع مستودع قاعدة التعريف في ../metabase

  • افتح محطة جديدة وقم بتشغيل yarn build-release:cljs && yarn build-embedding-sdk:watch في مستودع قاعدة التعريف. يقوم هذا بمراقبة التغييرات وإنشاء SDK للتضمين في وضع التطوير.

  • أعد تشغيل الأمر التالي في كل مرة تقوم فيها بإجراء تغييرات على مصدر SDK المضمن. يؤدي هذا إلى إعادة ربط SDK المدمج بالتطبيق التجريبي.

    • yarn dev:link && yarn dev

كيفية تشغيل العرض التوضيحي على خادم مصادقة JWT محلي؟

إذا لم تتمكن من استخدام خادم JWT المستضاف، فيمكنك تشغيل خادم JWT محليًا.

  • قم بتحديث متغيرات بيئة خادم API في api/.env . إذا كنت أحد موظفي قاعدة التعريف، فارجع إلى عنصر "Shoppy - Environment File" الموجود في مخزن 1Password.

  • قم بتشغيل خادم API.

    • cd api && yarn && yarn dev

  • قم بتشغيل واجهة React الأمامية.

    • yarn dev:link && yarn dev
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل