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

Stelace-منصة عداء

مجموعة بداية السوق

مجموعة Stelace المبتدئة هذه مجانية للاستخدام، بموجب شروط ترخيص MIT. لا تتردد في الشوكة أو المساهمة أو جعلها خاصة بك ❤️.

توفر مجموعة البداية هذه واجهة أمامية للسوق عالية الأداء تشبه AirBnB (Vue.js) مع نشر بدون خادم تم تكوينه مسبقًا استنادًا إلى خادم Stelace API مفتوح المصدر.

محتويات

  • سمات ؟
    • سريع افتراضيا؟
    • التكامل
  • اختبار
  • كومة
  • ابدء
  • النشر

العرض المباشر

يتوفر أيضًا قالب منصة يركز على البحث والأتمتة والوقت الفعلي.

ما هو ستيليس؟

توفر Stelace API البحث المتقدم وإدارة الأصول والمستخدمين والأتمتة وتسليم المحتوى لواجهات برمجة التطبيقات لمنصات الويب التي تتراوح من الأسواق كثيفة البحث إلى تطبيقات المجتمع عبر الإنترنت. تتيح لك الواجهة الخلفية للسوق مفتوحة المصدر من Stelace التركيز على ما يجعل منصتك فريدة من نوعها.

مستندات API

سمات ؟

  • إدارة الأصول. يمكن أن تكون الأصول أي شيء بدءًا من الشقق والمنازل وحتى السيارات أو الحفلات الموسيقية
  • بحث قوي ومتسامح مع الأخطاء المطبعية، على أساس الملاءمة والتوافر الديناميكي
  • مصادقة المستخدم بما في ذلك تسجيل الدخول الاجتماعي وSSO
  • إدارة المستخدم والتقييمات
  • الأحداث والرسائل في الوقت الحقيقي
  • الأتمتة مع سير العمل Stelace؟
  • عملية دفع قابلة للتخصيص باستخدام وظائف بدون خادم
  • نظام إدارة المحتوى بدون رأس؟ مع Stelace Content API
  • CDN العالمي للصور وملفات المستخدم
  • i18n ؟ والترجمات الكاملة
  • إمكانية الوصول
  • …
  • وأكثر من ذلك بكثير مع Stelace API

سريع افتراضيا؟

احصل على أكثر من 90 درجة في PageSpeed ​​خارج الصندوق:

  • صفحات ثابتة معروضة مسبقًا لتحميل أسرع للصفحات، مع تحويل Vue.js إلى SPA كاملاً.
  • تقسيم التعليمات البرمجية باستخدام تكوين Webpack المحسّن في quasar.conf.js .
  • ضغط الصور باستخدام WebP وتغيير الحجم بدون خادم باستخدام AWS Lambda
  • الجلب المسبق للموارد والتحميل المسبق
  • PWA جاهز بفضل Quasar

تتبع هذه المجموعة نمط PRPL: مزيد من المعلومات في المستندات.

التكامل

استفد من عمليات التكامل هذه لبدء تشغيل النظام الأساسي الخاص بك بشكل أسرع:

  • النشر الآلي والمستمر مع Netlify
  • المدفوعات الشريطية باستخدام وظائف Netlify وسير عمل Stelace
  • ترقب لتصحيح الأخطاء في بيئة الإنتاج
  • الخرائط والبحث عن الأماكن مع موفري OpenStreetMap
  • تحليلات جوجل

اختبار

  • اختبار شامل عبر المتصفحات باستخدام TestCafé
  • التكامل المستمر مع CircleCI

كومة

بنية JAMStack بدون خادم:

  • Vue.js
  • إطار الكوازار
  • Stelace API كواجهة خلفية
  • Stelace مقطوعة الرأس CMS
  • Stelace.js SDK
  • Netlify لنشر الموقع الثابت ووظائف lambda

يتم استخدام Node.js >= 10.18 للأدوات.

ابدء

أنت بحاجة إلى مفاتيح Stelace API الخاصة بك للبدء. أخبار جيدة: Stelace مفتوح المصدر حتى تتمكن من نشر خادمك الخاص.

  1. استنساخ هذا المستودع 
git clone https://github.com/stelace/marketplace-demo.git
cd marketplace-demo
  1. قم بتثبيت العقدة_modules 
 # using yarn instead of npm is recommended
yarn

إذا لم يكن لديك خيوط مثبتة، يمكنك اتباع هذه التعليمات.

  1. إنشاء ملفات البيئة للتطوير والإنتاج.

يمكنك نسخ .env.example وتعبئته بمفاتيح Stelace API (قم بإنشائها باستخدام مشروع مفتوح المصدر من جانب الخادم). 

cp .env.example .env.development
# You may want to use live keys in this file
cp .env.example .env.production

تحتاج إلى ملء متغيرات البيئة التالية:

  • STELACE_INSTANT_WEBSITE_URL
  • STELACE_PUBLISHABLE_API_KEY ( pubk_ ...) المستخدم في تطبيق Vue
  • STELACE_SECRET_API_KEY ( seck_ ...) المستخدمة في البرامج النصية لبذر البيانات
  • يمكن ترك STELACE_API_URL فارغًا إلا إذا كنت تستخدم الخادم الخاص بك بدلاً من api.stelace.com الافتراضي

يرجى الرجوع إلى .env.example لمزيد من التفاصيل حول متغيرات البيئة، بما في ذلك الخريطة وبوابة الدفع والتسجيل والتحليلات.

  1. بيانات تطوير البذور 
yarn seed
  1. ابدأ تشغيل خادم التطوير 
quasar dev
# or, if you want to run Netlify functions with stripe payments as well:
yarn dev

برجاء الرجوع إلى مستندات Quasar للحصول على مزيد من التفاصيل حول تكوين الواجهة الأمامية ومكوناتها.

التطوير باستخدام خادم Stelace API المستضاف ذاتيًا (الواجهة الخلفية مفتوحة المصدر).

يجب تشغيل خادم Stelace Core API محليًا قبل بدء خادم هذا المشروع.

نحتاج أولاً إلى إطلاق الخدمات التي تحتاجها Stelace Core API. 

yarn docker:db

ثم نحتاج إلى تهيئة قاعدة البيانات بالتكوين الفوري. 

 cd /path/to/stelace-core
git checkout dev
yarn setup:instant

سيتم عرض مفاتيح API السرية والقابلة للنشر حتى تتمكن من استخدامها كمتغيرات بيئة لهذا المشروع. ستحتاج أيضًا إلى تعيين بعض متغيرات البيئة مثل STELACE_API_URL (http://127.0.0.1:API_PORT).

لنبدأ الخادم. 

yarn dev

يرجى الرجوع إلى .env.example في مشروع stelace-server .

  1. العلامة التجارية

قم بتخصيص التطبيق بالألوان والعلامة التجارية الخاصة بك في src/styles.json ، الموثقة في style.json.md.

النشر

يرجى الرجوع إلى قسم مستندات النشر لمزيد من التفاصيل.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل