مقدمة
مرجع لـ SDKs العميل بتاعة XPay. أدلة الدمج بتشرح إزاي تستخدمهم؛ والتاب ده بيسرد كل رمز عام.
XPay بتوفّر مكتبتين عميل رسميتين النهارده: محمّل JavaScript للمتصفّح، وغلاف React خفيف مبني فوقه. التاب ده مرجع لكل حاجة بيصدّرها كل package، وتواقيع الدوال، وأنواع الخيارات. لشرح إزاي تدمج كل نمط (Drop-in، Elements، الدفع المستضاف، روابط الدفع)، شوف أنماط الدمج تحت تاب Integrate.
اختار الـ package المناسب
JavaScript SDK
@xpayeg/sdk. محمّل الـ SDK بتاع المتصفّح، والـ factory، وElements، وdrop-in checkout،
والأنواع. استخدمه مباشرة لو مش على React.
React SDK
@xpayeg/react. XPayProvider، والـ hooks (useCheckout، useXPay، useElements،
useConfirmPayment)، والمكوّنات PaymentElement وCheckoutButton. بيغلّف الـ JS SDK لتطبيقات
React.
الموبايل
SDKs الـ iOS / Android / React Native لسه ما اتشحنتش. مكان محجوز لحد ما تنزل.
التاب ده بيستخدم في إيه
الصفحات اللي تحت التاب ده صفحات مرجعية. كل تصدير عام في كل package بياخد قسم واحد، مع توقيعه ومثال بالحد الأدنى. متهيّأة للبحث، مش للتعلّم.
- لشرح موجّه لـ drop-in checkout: نمط Drop-in.
- لشرح موجّه لـ Elements: نمط Elements.
- لنمط الدفع المستضاف (من غير SDK): الدفع المستضاف.
- لـ روابط الدفع (من غير أي كود خالص): روابط الدفع.
تطبيقات الأمثلة
تحب تقرا كود شغّال؟ الاتنين SDKs ليهم مثال جاهز للتشغيل في ريبو xpay-examples. اعمل clone، وحطّ مفاتيح الاختبار بتاعتك، وشغّل.