تكنوستاك
ابدأ مشروعكEnglish
مخطط طبقات: الواجهة، النظام التجاري، التكاملات، التشغيل.
التجارة الإلكترونية

يبني Hydrogen واجهة متجر مخصصة فوق نظام Shopify التجاري الخلفي، بينما يمنح Medusa فريقك مكوّنات تجارة بنشر مُدار أو استضافة ذاتية. حدّد من يملك كل طبقة، ثم اختبر الدفع المحلي والاسترداد والفوترة الإلكترونية قبل الالتزام.

في هذا المقال

فيديو صامت بنص على الشاشة. يكرر النص المكتوب أدناه كلمات كل مشهد ويصف ما يعرضه.

  1. 0:00–0:05

    Hydrogen أم Medusa؛ رسم توضيحي؛ TecnoStack؛ 1 2 3 4 5 6؛ التجارة المستقلة؛ قارن الطبقات الصحيحة؛ أدوات واجهة ومكوّنات تجارة؛ المتجر؛ Hydrogen؛ Medusa

    مخطط متفرّع: المتجر، Hydrogen، Medusa. الروابط: من «المتجر» إلى «Hydrogen»؛ من «المتجر» إلى «Medusa». التركيز على: Hydrogen، Medusa.

  2. 0:05–0:10

    Hydrogen أم Medusa؛ رسم توضيحي؛ TecnoStack؛ 1 2 3 4 5 6؛ 01؛ سمِّ كل طبقة؛ وحدّد مسؤولًا عنها؛ الواجهة؛ النظام التجاري؛ التكاملات؛ التشغيل

    مخطط طبقات: الواجهة، النظام التجاري، التكاملات، التشغيل. الروابط: من «الواجهة» إلى «النظام التجاري»؛ من «النظام التجاري» إلى «التكاملات»؛ من «التكاملات» إلى «التشغيل». التركيز على: النظام التجاري.

  3. 0:10–0:15

    Hydrogen أم Medusa؛ رسم توضيحي؛ TecnoStack؛ 1 2 3 4 5 6؛ 02؛ اتفق على مسؤوليات التشغيل؛ الاستضافة المُدارة تغيّر توزيعها؛ من المسؤول؟؛ الواجهة؛ النظام والاستضافة؛ التكاملات

    شبكة علاقات: من المسؤول؟، الواجهة، النظام والاستضافة، التكاملات. الروابط: من «من المسؤول؟» إلى «الواجهة»؛ من «من المسؤول؟» إلى «النظام والاستضافة»؛ من «من المسؤول؟» إلى «التكاملات». التركيز على: النظام والاستضافة.

  4. 0:15–0:20

    Hydrogen أم Medusa؛ رسم توضيحي؛ TecnoStack؛ 1 2 3 4 5 6؛ 03؛ اختبر التكاملات المحلية؛ الامتثال يحتاج تقييمًا مستقلًا؛ الدفع؛ الاسترداد؛ الشراء بالعربية؛ الفوترة الإلكترونية

    مقارنة دون درجات: الدفع، الاسترداد، الشراء بالعربية، الفوترة الإلكترونية. التركيز على: الفوترة الإلكترونية.

  5. 0:20–0:25

    Hydrogen أم Medusa؛ رسم توضيحي؛ TecnoStack؛ 1 2 3 4 5 6؛ 04؛ اختر بحسب التغيير المطلوب؛ واحسب التشغيل طويل الأجل؛ الواجهة؛ منطق التجارة؛ قالب مستضاف؛ فريق التشغيل

    مقارنة دون درجات: الواجهة، منطق التجارة، قالب مستضاف، فريق التشغيل. التركيز على: فريق التشغيل.

  6. 0:25–0:30

    Hydrogen أم Medusa؛ رسم توضيحي؛ TecnoStack؛ 1 2 3 4 5 6؛ تكنوستاك؛ قرّر بأدلة مختبرة؛ تحقق من نطاق الخدمة الفعلي؛ المسؤوليات؛ اختبارات التكامل؛ القرار؛ tecnostack.com

    مخطط تدفّق: المسؤوليات، اختبارات التكامل، القرار. الروابط: من «المسؤوليات» إلى «اختبارات التكامل»؛ من «اختبارات التكامل» إلى «القرار». التركيز على: اختبارات التكامل.

يقارن كثيرون بين Shopify Hydrogen وMedusa كأنهما منصتان متنافستان، مع أنهما يعملان في طبقتين مختلفتين. فـHydrogen أدوات Shopify لبناء واجهة متجر مخصصة مستقلة (Headless)، بينما يبقى النظام التجاري الخلفي، من المنتجات وإتمام الشراء إلى الطلبات والمدفوعات، على Shopify. أما Medusa فيقدّم مكوّنات تجارة معيارية تستضيفها بنفسك أو على استضافة مُدارة، ويبقى التخصيص والتكاملات على عاتق فريقك. ويختصر القرار في سؤالين: من يشغّل التجارة، وكم تحتاج أن تغيّر فيها. وأيًّا كان اختيارك، فعلى فريقك أن يحدد الدفع المحلي والاسترداد والفوترة ويختبرها، فلا يمنحك أي من الخيارين الامتثال الضريبي وحده.

لنظام التجارة المستقل أربع طبقات على الأقل، فسمِّها قبل أن تقارن الأدوات:

  1. واجهة المتجر: الصفحات والتفاعلات التي يراها العملاء، بالعربية والإنجليزية.
  2. النظام التجاري الخلفي: الكتالوج والتسعير والعروض والسلة وإتمام الشراء والطلبات والمدفوعات والمرتجعات وحساب الضريبة.
  3. التكاملات: مزوّدو الدفع وشركات الشحن ونظام تخطيط الموارد أو المحاسبة والفوترة الإلكترونية وأدوات التسويق والدعم.
  4. التشغيل: الاستضافة والمراقبة والتحديثات الأمنية والاستجابة للحوادث والتغييرات التي تُجريها كل شهر.

وكلمة «Headless» تعني فقط أنك فصلت الواجهة عن النظام الخلفي، ولا تقول شيئًا عمّن يملك الطبقات الثلاث الأخرى، وهنا يختلف الخياران أكثر ما يختلفان.

رسم توضيحي: الواجهة، النظام التجاري، التكاملات، التشغيل. الروابط: من الواجهة إلى النظام التجاري؛ من النظام التجاري إلى التكاملات؛ من التكاملات إلى التشغيل.

شكل 1: سمِّ كل طبقة. وحدّد مسؤولًا عنها.

تقدّم وثائق Shopify أداة Hydrogen بوصفها أدواتها لبناء واجهات متاجر مستقلة. فأنت تصمم تجربة العميل وتبنيها بنفسك، بينما يبقى Shopify النظامَ التجاري الخلفي: المنتجات والمخزون وإتمام الشراء والطلبات ولوحة الإدارة التي يستخدمها فريقك.

ولهذا التقسيم نتائج عملية:

  • تملك كود الواجهة: أداءه وإمكانية الوصول إليه وتخطيطه العربي والاستضافة التي يعمل عليها.
  • يملك Shopify معظم عمليات التجارة: أنت تضبط إعداداتها، لكنك لا تشغّل الخوادم التي تقف خلف إتمام الشراء والطلبات.
  • منصة Shopify هي التي ترسم حدودك: واجهات API، وخيارات إتمام الشراء، والتطبيقات، ومزوّدو الدفع المتاحون لمتجرك ودولتك. فتحقق منها لنشاطك بدل أن تأخذها من المواد التسويقية.

ويكون Hydrogen أنسب حين تكون الواجهة هي ما يكسبك العملاء، ويلائم نموذج Shopify التجاري طريقة بيعك.

تصف وثائق Medusa مكوّنات تجارية معيارية: وحدات للمنتجات والسلال والطلبات والمدفوعات وغيرها، تجمعها وتوسّعها وتربطها بأنظمتك الأخرى. اختر طريقة النشر منفصلةً عن الإطار. توضّح وثائق نشر Medusa الاستضافة الذاتية وخيار Medusa Cloud للبنية المُدارة. وتنقل الاستضافة المُدارة جزءًا من عمل البنية التحتية عنك، لكن إعداد التطبيق وتكاملاته يبقيان بحاجة إلى مسؤول مسمّى من جهتك.

وتأتي هذه الحرية ومعها عمل:

  • تستطيع تغيير منطق التجارة نفسه، مثل قواعد التسعير ومسارات الطلبات وتعدد المتاجر وأساليب التنفيذ غير المعتادة، والواجهة فوقها.
  • وتضيف الاستضافة الذاتية عملًا في البنية التحتية: الاستضافة وقاعدة البيانات والنسخ الاحتياطي والمراقبة والترقيات والتحديثات الأمنية والمناوبة. وقد يتولى مزوّد مُدار الأجزاء التي تتفق معه عليها، فاقرأ النطاق بدل افتراض انتقال كل المسؤوليات إليه.
  • كل تكامل عليك بناؤه أو اختياره، ومنه الدفع والاسترداد والشحن والفوترة، وإبقاؤه عاملًا كلما تغيّر المزوّدون.

ويكون Medusa أنسب حين يختلف منطقك التجاري عما تنمذجه المنصات المستضافة، ولديك مهندسون سيشغّلونه لسنوات.

قبل الاختيار، دوّن المسؤوليات طوال عمر المتجر، ومن يتولى كل بند في كل خيار:

  • كود الواجهة واستضافتها: يتولى فريقك التنفيذ، وتتوزع مسؤوليات الاستضافة بحسب الخدمة المختارة.
  • إتمام الشراء والطلبات، وتوافر النظام الخلفي وأمانه: مع Hydrogen يشغّل Shopify منصته وتبقى إعداداتك مسؤوليتك، ومع Medusa يتوزع العمل بين فريقك ومزوّد الاستضافة الذي اخترته.
  • تكاملات الدفع والشحن والفوترة: تطبيقات أو فريقك مع Hydrogen ضمن ما يدعمه Shopify، وفريقك مع Medusa.
  • الترقيات: إطار الواجهة مع Hydrogen، والتطبيق وتكاملاته مع Medusa، إضافة إلى ما تتركه لك الخدمة المُدارة من البنية التحتية.
  • الحوادث: مشتركة مع تحديثات حالة الخدمة ودعم Shopify في Hydrogen، ومشتركة مع مزوّدي الاستضافة والتكامل في Medusa، مع تنسيق فريقك لحوادث التطبيق.

واتفقوا على من يغطي كل بند ليلًا وفي العطلات. فالخيار الذي يبدو الأرخص على الورق قد يصبح الأغلى حين تحسب من سيشغّله.

أيًّا كانت المعمارية، ينجح المتجر الخليجي أو يتعثر في التفاصيل المحلية، فتحقق من كلٍّ منها في كل دولة تبيع فيها:

  • الدفع: تأكد مع كل مزوّد من الوسائل التي يدعمها لنشاطك ودولتك، ثم اختبر الدفع الناجح والرفض وخطوات التحقق والاسترداد الجزئي من طرفها إلى طرفها.
  • الاسترداد والمرتجعات: تحقق من وصول المبالغ المستردة إلى وسيلة الدفع الأصلية، ومنها خطط الدفع اللاحق، ومن تحديث المخزون والمحاسبة.
  • العربية والاتجاه من اليمين إلى اليسار: اختبر نماذج إتمام الشراء وصيغ العناوين والهواتف ورسائل الخطأ والرسائل البريدية بالعربية.
  • الفوترة الإلكترونية: في السعودية، يضم برنامج الفوترة الإلكترونية لدى هيئة الزكاة والضريبة والجمارك (زاتكا) مرحلتي الإصدار والربط والتكامل، وتطبّق الهيئة مرحلة الربط والتكامل على مجموعات المكلفين المُبلَّغة على دفعات. أما هل ينطبق عليك وكيف، فاسأل إرشادات الهيئة ومستشارك الضريبي. واختيار الواجهة لا يحسم امتثال الفواتير: فحدّد أي نظام يصدرها، النظام التجاري الخلفي أو نظام تخطيط الموارد أو برنامج المحاسبة، واختبر ذلك التكامل من طرفه إلى طرفه.

ابنِ نموذجًا أوليًا أو جرّب في بيئة تجريبية قبل الالتزام، ثم نفّذ فحوص إنتاج مضبوطة لبيانات الدخول وإشعارات الأحداث والتسوية وإبلاغ الفواتير قبل الإطلاق الكامل. فنجاح البيئة التجريبية وحده لا يثبت أن الإنتاج يعمل.

عناصر للمراجعة: الدفع، الاسترداد، الشراء بالعربية، الفوترة الإلكترونية؛ دون درجات أو نتائج مقاسة.

شكل 2: اختبر التكاملات المحلية. الامتثال يحتاج تقييمًا مستقلًا.

  • اختر Hydrogen حين تكون الواجهة المخصصة ما يميّزك، ويلائم نموذج Shopify التجاري وتكاملاته المتاحة نشاطك ودولتك، وتريد أن يشغّل Shopify النظام الخلفي.
  • اختر Medusa حين يحتاج منطقك التجاري إلى تغييرات لا تدعمها المنصات المستضافة، وتستطيع توفير فريق التشغيل طوال عمر المتجر.
  • فكّر في ألا تختار أيًّا منهما إن كان قالب جاهز على منصة مستضافة يخدم عملاءك جيدًا؛ فالبناء المستقل يضيف عملًا، فلا تتحمله إلا لسبب.

وأيًّا كان اختيارك، فنموذج المحتوى وميزانية الأداء مهمان بقدر أهمية النظام الخلفي. يتناول دليلنا عن تصميم نماذج المحتوى في أنظمة إدارة المحتوى المستقلة أي نظام يملك محتوى المنتجات، ويتناول دليلنا عن مؤشرات أداء الويب الأساسية إبقاء الواجهة المستقلة سريعة. ولتقدير هل سيغطي المتجر تكاليفه، ابدأ بمنظور الطلب الواحد في دليلنا عن تقييم التجارة الإلكترونية في الخليج. وإن أردت مساعدة في تخطيط البناء، فإن خدمة التجارة الإلكترونية بواجهة مستقلة لدينا تصمم الواجهة والنظام الخلفي والتكاملات معًا.

  • Shopify. Hydrogen: أدوات Shopify لواجهات المتاجر المستقلة فوق نظامها التجاري الخلفي.
  • Medusa. Medusa documentation: مكوّنات التجارة المعيارية والتكاملات التي يبنيها الفريق عليها.
  • هيئة الزكاة والضريبة والجمارك (زاتكا). E-Invoicing: الاستعداد لمرحلة الربط والتكامل ودفعات تطبيقها.

تتغير قدرات المنصات وخيارات الدفع والالتزامات الضريبية وتختلف من دولة إلى أخرى، فتحقق منها مع المزوّدين والهيئة ومستشاريك. والتوصيات الواردة هنا إرشادات من تكنوستاك، لا متطلبات من المزوّدين ولا استشارة ضريبية.