⚡ صفحة اختبار دفع Paymob — HTML واحد

جرّب إنشاء Payment Intention وفتح صفحة الدفع

املأ بيانات Paymob المطلوبة، ثم اضغط إنشاء Intention. عند نجاح الطلب سيظهر رابط Unified Checkout ويمكنك فتحه مباشرة.

تنبيه مهم: وضع الـ Secret Key داخل HTML غير آمن ولا يصلح للإنتاج. استخدم هذه الصفحة للتجربة المحلية فقط. في الموقع الحقيقي أنشئ الـ intention من السيرفر/الباك اند، واجعل المتصفح يستقبل فقط client_secret.

1) Secret Keyيُستخدم لإنشاء الـ intention — يفضل من الباك اند.

2) Public Keyيُستخدم مع client_secret لفتح صفحة الدفع.

3) Integration IDضع ID طريقة الدفع: Card / Wallet / Apple Pay حسب حسابك.

بيانات الربط

الدولة / Base URL

Currency

Backend URL اختياري

لو تركته فارغًا، الصفحة ستحاول إرسال الطلب مباشرة إلى Paymob. لو ظهر CORS أو أردت أمان أفضل، ضع رابط endpoint في الباك اند لديك.

Secret Key

Public Key

Integration IDs

أرقام Integration IDs مفصولة بفاصلة.

HMAC Secret اختياري

بيانات الطلب

Amount

Multiplier

Order Reference

Notification URL / Webhook

Redirection URL

بيانات العميل

First Name

Last Name

Phone

Country

City

Street

Item

Item Name

Quantity

Description

النتائج

رابط الدفع

لم يتم إنشاء رابط بعد

Payload المرسل

{}

Response / Errors

جاهز للتجربة...

إذا ظهر خطأ CORS فهذا طبيعي لأن إنشاء الـ intention يفترض أن يتم من Backend. ضع رابط endpoint في حقل Backend URL واجعله يعيد JSON يحتوي على client_secret أو cs.

مثال Backend سريع — Node/Express

app.post('/api/paymob/create-intention', async (req, res) => {
  const r = await fetch('https://accept.paymob.com/v1/intention/', {
    method: 'POST',
    headers: {
      'Authorization': `Token ${process.env.PAYMOB_SECRET_KEY}`,
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(req.body)
  });

  const data = await r.json();
  res.status(r.status).json(data);
});

ملاحظة: تأكد أن بيانات Test Mode في Paymob مفعلة، وأن Integration ID المستخدم يتوافق مع العملة والدولة وطريقة الدفع.