دليل النشر

استضافة Saleor على VPS: تجارة إلكترونية headless مفتوحة

انشر على VPS Cloud ←

دليل عملي

استضافة Saleor على VPS: تجارة إلكترونية headless مفتوحة

الاستضافة الذاتية5 دقائق للقراءةعدد الخطوات: 6

Saleor Commerce (BSD-3-Clause، 23 ألف+ نجمة GitHub) هي منصة تجارة إلكترونية headless مبنية بـ Python وDjango. تعرض كل شيء — المنتجات، الطلبات، المدفوعات، العملاء — عبر GraphQL API واحد، مما يمنحك حرية بناء أي واجهة أمامية: Next.js، React Native، أو أي عميل GraphQL. على VPS ServOrbit، تعمل سبعة حاويات Docker تلقائياً: PostgreSQL 15، Valkey 8، API Django، عامل Celery، لوحة تحكم React ونظام توجيه Nginx — كل شيء جاهز في دقيقتين.

المحتويات· لماذا التجارة الإلكترونية الـ headless؟1/6
  1. 01لماذا التجارة الإلكترونية الـ headless؟
  2. 02ما يقدمه Saleor على VPS ServOrbit
  3. 03البنية المعمارية: سبع حاويات، منفذ واحد
  4. 04النشر من Marketplace ServOrbit
  5. 05ربط بوابة الدفع
  6. 06Saleor مقابل PrestaShop و WooCommerce

لماذا التجارة الإلكترونية الـ headless؟

في البنية المعمارية الـ headless، تنفصل الواجهة الأمامية عن الخلفية: الخلفية تُدير الكتالوج والطلبات والمدفوعات عبر API، بينما الواجهة الأمامية تبنيها كما تريد.

Saleor تأخذ هذا المفهوم إلى أقصاه: لا توجد واجهة أمامية مدمجة. كل السطح البرمجي هو GraphQL API. لوحة التحكم React للإدارة فقط، وليس للبيع للعملاء.

هذا يعني: أنت تبني الواجهة التي يراها عملاؤك — موقع Next.js، تطبيق جوال، أو أي عميل يفهم GraphQL.

ما يقدمه Saleor على VPS ServOrbit

  • GraphQL API كاملة — المنتجات، الطلبات، العملاء، المدفوعات، الشحن: كل شيء قابل للاستعلام والتعديل.
  • قنوات متعددة — متجر مغربي بالدرهم، متجر فرنسي باليورو، كتالوج B2B بالجملة: قنوات مستقلة، لوحة تحكم واحدة.
  • لوحة تحكم React مضمنة — أدِر كتالوجك وطلباتك وعروضك دون كتابة كود.
  • عامل Celery للمهام غير المتزامنة — webhooks، إشعارات البريد، معالجة الطلبات.
  • PostgreSQL 15 + Valkey 8 — قاعدة بيانات موثوقة وذاكرة تخزين مؤقت سريعة.
  • رخصة BSD-3 — لا رسوم على المعاملات، لا ميزات مدفوعة.

البنية المعمارية: سبع حاويات، منفذ واحد

يعمل Stack Saleor على ServOrbit عبر سبعة خدمات Docker Compose:

1. db — PostgreSQL 15، بيانات في حجم دائم.
2. cache — Valkey 8، ذاكرة التخزين المؤقت وSroker Celery.
3. init — يعمل مرة واحدة: يُطبق الترحيلات، يُولد مفتاح RSA، يُنشئ حساب المسؤول.
4. api — Uvicorn + Django، يخدم GraphQL API على المنفذ 8000.
5. worker — Celery، يعالج قائمة المهام غير المتزامنة.
6. dashboard — تطبيق React المُجمَّع مسبقاً.
7. proxy — Nginx، نقطة الدخول الوحيدة. يوجه /graphql/ و/static/ و/media/ إلى api، وكل شيء آخر إلى dashboard.

النشر من Marketplace ServOrbit

  1. اطلب VPS بـ 4 GB RAM

    الحد الأدنى 2 GB، لكن 4 GB موصى به للإنتاج.

  2. اربط نطاقك قبل النشر

    يربط Saleor API_URL وDjango's ALLOWED_CLIENT_HOSTS بنطاقك عند أول تشغيل. لا يمكن تغييره لاحقاً دون إعادة إنشاء الأحجام.

  3. ابدأ النشر

    Marketplace → E-commerce → Saleor → نشر. يُطبّق حاوية init الترحيلات ويُنشئ حساب [email protected].

  4. انتظر 90-120 ثانية

    أول تشغيل يُنزّل الصور (~1 GB) ويُطبق ترحيلات المخطط.

  5. أنشئ قناة بيع

    Catalogue → Channels → إنشاء قناة. بدون قناة لا يمكنك إنشاء منتجات.

  6. اربط واجهتك الأمامية

    وجّه Next.js أو أي عميل GraphQL إلى https://نطاقك/graphql/

ربط بوابة الدفع

يتعامل Saleor مع المدفوعات عبر Saleor Apps — خدمات صغيرة تتصل بمزود الدفع. المنظومة الرسمية تغطي Stripe وAdyen وPayPal. لسوق المغرب، تكامل CMI ممكن عبر Saleor App SDK.

من لوحة التحكم: Apps → Explore apps للتثبيت من marketplace Saleor، أو Apps → Install custom app للإشارة إلى خدمتك الخاصة.

Saleor مقابل PrestaShop و WooCommerce

PrestaShop وWooCommerce منصات متكاملة: القالب والسلة وAPI تعمل في نفس عملية PHP. سهلة البدء لكن التخصيص العميق صعب.

Saleor الفلسفة المعاكسة: لا قالب مدمج، كل شيء عبر GraphQL. الخيار الصحيح عندما يكون لديك مطورون قادرون على بناء storefront بـ Next.js أو React Native، أو عندما يتجاوز احتياجك ما يدعمه قالب قياسي.

من حيث الموارد: Saleor (Python/Django) يستهلك RAM أكثر من WooCommerce الخفيف، لكن أقل بكثير من Magento. على VPS بـ 4 GB RAM، يعمل Stack بارتياح.

هل أنت مستعد لإطلاق متجرك الـ headless؟

يقوم ServOrbit بنشر Saleor Commerce على Ubuntu 24.04 بنقرة واحدة — PostgreSQL وValkey وAPI Django وعامل Celery ولوحة التحكم React وNginx — كل شيء مُهيأ مسبقاً.

بحاجة إلى مساعدة؟

تصفّح مركز المساعدة والأسئلة الشائعة، أو تواصل مع فريقنا — معاودة اتصال أو WhatsApp أو بريد إلكتروني. الدعم بـالعربية والفرنسية والإنجليزية.

راسلنا على WhatsAppيُفتح في علامة تبويب جديدة