قابلية التوسعة في الخروج: تعديل ما لا يمكن تعديله

لمدة عقد من الزمن، كان “checkout.liquid” هو الكأس المقدسة (والكابوس) لـ Shopify Plus. لقد سمح بالتحكم الكامل، لكنه ينكسر بسهولة ولم يكن آمنًا للترقية. Shopify لقد قتلها. المستقبل هو قابلية التوسعة في عملية الدفع.

الهندسة المعمارية: واجهة المستخدم المعزولة

لا يمكنك كتابة JavaScript تعسفيًا بعد الآن (خطر Magegart). يجب عليك كتابة ملحقات واجهة المستخدم التي تعمل في وضع الحماية الآمن. يتم تقديمها أصلاً بواسطة Shopify، مما يعني أنها سريعة ومُحسّنة للجوال.

الرسم البياني TD
    المطور[المطور] -->|يكتب| التطبيق[تطبيق شوبيفاي]
    التطبيق -->|النشر| ملحق [ملحق واجهة مستخدم الخروج]
    
    Shopify[Shopify الدفع] -->|الأحمال| ملحق
    الامتداد -->|العرض| المكونات[الشعار / الارتقاء بالمبيعات / الإدخال]
    
    رسم بياني فرعي "صندوق الرمل"
    المكونات
    نهاية

حالة الاستخدام 1: كتلة “الارتقاء بالمبيعات”.

نريد تقديم “تأمين الشحن” مقابل $2.99 مباشرة فوق زر “الدفع الآن”.

// ملحقات/التأمين/src/Checkout.jsx
استيراد {
  تمديد,
  خانة اختيار,
  استخدامApplyCartLinesChange,
} من '@shopify/ui-extensions-react/checkout';

تصدير رد الفعل الافتراضي('purchase.checkout.block.render', () => <App />);

وظيفة التطبيق () {
  const ApplyChange = useApplyCartLinesChange();
  
  العودة (
    <مربع الاختيار عند التغيير={(محدد) => {
      إذا (محدد) {
        تطبيق التغيير({
          اكتب: "addCartLine"،
          معرف السلعة: 'gid://shopify/ProductVariant/12345',
          الكمية: 1،
        });
      }
    }}>
      إضافة حماية الشحن (+$2.99)
    </مربع الاختيار>
  );
}

هذا نظيف ومحلي ومحسّن للتحويل.

حالة الاستخدام 2: منطق التحقق (الوظائف)

نريد حظر صناديق البريد الخاصة بشحن Fedex Express. نحن نستخدم Shopify Functions (Wasm) لفرض قاعدة التحقق هذه على جانب الخادم. إنه أسرع وأكثر موثوقية من محرر البرامج النصية القديم.

الجدول الزمني للهجرة

إذا كنت لا تزال تستخدم “checkout.liquid”، فأنت تسير على مدار الساعة. Shopify يستنكر ذلك. يتيح لك الترحيل الوصول إلى:

• الدفع من صفحة واحدة: تحويل أعلى بنسبة 10%.
• تكامل الدفع مع المتجر: سلس.
• الأداء: أوقات تحميل أسرع مرتين.

---

---

هل مازلت تقوم بتشغيل عملية الدفع القديمة؟

لا تنتظر إشعار الإغلاق. قم بتوظيف مهندسينا.