زر الدفع

مجموعة Commerce Kit حاليًا في مرحلة تجريبية. قد تتغير واجهات برمجة التطبيقات قبل الإصدار المستقر. لمزيد من التفاصيل حول Commerce Kit، راجع وثائق Commerce Kit.

يوفر مكون PaymentButton من Commerce Kit واجهة دفع كاملة—تتعامل مع اتصال المحفظة، واختيار الرمز المميز، ومعالجة المعاملات، وحالة واجهة المستخدم بشكل جاهز.

التثبيت

pnpm add @solana-commerce/kit

الاستخدام الأساسي

import { PaymentButton } from "@solana-commerce/kit";
function Checkout() {
return (
<PaymentButton
config={{
merchant: { name: "My Store", wallet: "your-wallet-address" },
mode: "tip"
}}
onPaymentSuccess={(signature) => {
console.log("Payment confirmed:", signature);
}}
/>
);
}

تحقق من ساحة تجربة Commerce Kit لتكوين واختبار المكون.

زر الإكرامية

زر الإكراميةزر الإكرامية

نافذة الدفع

نافذة الدفعنافذة الدفع

نافذة رمز QR لـ Solana Pay

نافذة رمز QR لـ Solana Payنافذة رمز QR لـ Solana Pay

أوضاع الدفع

يحدد خيار mode سلوك الزر:

الوضعالوصف
tipيختار المستخدم المبلغ الخاص به (تبرعات/إكراميات)

التكوين

التكوين المطلوب

الخاصيةالنوعالوصف
merchant.namestringاسم النشاط التجاري المعروض أثناء الدفع
merchant.walletstringعنوان محفظة سولانا لاستلام المدفوعات
mode'tip'`نوع تدفق الدفع

التكوين الاختياري

الخاصيةالنوعالوصف
network'mainnet' | 'devnet'شبكة سولانا (افتراضي: 'mainnet')
rpcUrlstringنقطة نهاية RPC مخصصة
allowedMintsstring[]تقييد الرموز المميزة المقبولة حسب عنوان السك
showQRbooleanتفعيل خيار الدفع برمز QR
themeThemeConfigالتخصيص المرئي (الألوان، نصف قطر الحدود، إلخ.)

استدعاءات الأحداث

الاستدعاءالمعاملاتالوصف
onPaymentSuccess(signature: string)تم تأكيد المعاملة على السلسلة
onPaymentError(error: Error)فشلت الدفعة في أي مرحلة
onPaymentStart()تم بدء عملية الدفع
onCancel()ألغى المستخدم الدفعة

محفز مخصص

استبدل الزر الافتراضي بعنصرك الخاص:

<PaymentButton
config={{
merchant: { name: "Shop", wallet: "address" },
mode: "tip"
}}
>
<button className="my-custom-button">Pay with Solana</button>
</PaymentButton>

Is this page helpful?

جدول المحتويات

تعديل الصفحة

تدار بواسطة

© 2026 مؤسسة سولانا.
جميع الحقوق محفوظة.
تواصل معنا