# مقدمة (/ar)

مدفوعات لكل الأعمال في مصر. اقبل البطاقات ووسائل الدفع المحلية عن طريق الـ API، أو صفحة دفع جاهزة، أو واجهتك الخاصة.

XPay منصة مدفوعات للأعمال الإلكترونية في مصر. بنقبل الدفع بالبطاقات ووسائل الدفع المحلية، وبنتولّى تحدّي الـ 3D Secure، وبنحوّل فلوسك لحسابك البنكي بمجرد ما تتم التسوية. فيه أربع طرق للدمج، وبتختار بينها على حسب حجم الكود اللي ناوي تكتبه.

## يعني إيه XPay؟ [#يعني-إيه-xpay]

<Cards>
  <Card icon="<Globe />" title="مصمَّم لمصر">
    اقبل Visa وMastercard جنب وسائل الدفع المحلية زي ڤاليو وفوري.
  </Card>

  <Card icon="<CodeXml />" title="API عصري">
    موارد على نمط Stripe، وSDKs حقيقية، وصفحة دفع جاهزة بمستوى منتج استهلاكي متقن. لو سبق لك الدمج مع
    Stripe، هتلاقي نفسك في بيتك من أول يوم.
  </Card>

  <Card icon="<Layers />" title="من الدفع للتسوية">
    اقبل الدفعة، وادِر العميل، واعمل المبالغ المستردة، وحوّل فلوسك لحسابك. كل ده من لوحة تحكم واحدة وAPI
    واحد، من لحظة البيع لحد البنك.
  </Card>

  <Card icon="<Palette />" title="صفحة دفع بعلامتك التجارية جاهزة">
    صفحات دفع بالعربي أو الإنجليزي، مصمّمة للموبايل أولًا، بشعارك وألوانك. من غير أي شغل تصميم علشان تبدأ.
  </Card>
</Cards>

## XPay بيتولّى عنك إيه [#xpay-بيتولّى-عنك-إيه]

<Cards>
  <Card icon="<CreditCard />" title="البطاقات ووسائل الدفع المحلية">
    Visa، Mastercard، ڤاليو، فوري، وغيرهم. API واحد لكل وسيلة دفع متاحة.
  </Card>

  <Card icon="<ShieldCheck />" title="3D Secure 2">
    تحدّي الـ 3DS بيتم جوّه صفحة الدفع الجاهزة. إحنا بنتعامل مع تحويل البنك، والـ iframe، والنتيجة.
  </Card>

  <Card icon="<Webhook />" title="الـ Webhooks">
    اشترك مرة واحدة، وإحنا بنبلّغك في اللحظة اللي بتنجح فيها الدفعة أو تفشل أو تترد. حمولات موقّعة، وإعادة
    محاولة تلقائية، وقابلة لإعادة الإرسال من لوحة التحكم.
  </Card>

  <Card icon="<Undo2 />" title="المبالغ المستردة">
    اعمل استرداد كامل أو جزئي من لوحة التحكم أو الـ API. العميل بيستلم فلوسه عن طريق نفس وسيلة الدفع
    الأصلية.
  </Card>

  <Card icon="<FlaskConical />" title="وضع الاختبار">
    بيئة منفصلة تمامًا بمفاتيحها وعملائها ومعاملاتها. استخدم قائمة بطاقات الاختبار علشان تحاكي أي نتيجة
    محتاجها.
  </Card>

  <Card icon="<Banknote />" title="التسويات">
    الأموال المُسوّاة بتوصل حسابك البنكي على حسب الجدول اللي تظبطه. كل قرش متتبَّع في سجل الرصيد.
  </Card>
</Cards>

## البداية السريعة [#البداية-السريعة]

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

<Card icon="<Rocket />" title="افتح البداية السريعة" href="/get-started/quickstart">
  أسرع طريق يوديك في XPay من الأول للآخر. خمس خطوات، كلها من لوحة التحكم.
</Card>

## اختار طريقة الدمج بتاعتك [#اختار-طريقة-الدمج-بتاعتك]

فيه أربع طرق لتحصيل المدفوعات مع XPay. كلها بتعتمد على نفس جلسة الدفع (Checkout Session)، فاستدعاء الـ API والـ webhook اللي بيوصلك واحدين في الطرق الأربعة. الفرق الوحيد هو حجم كود الواجهة (frontend) اللي هتكتبه، ومكان إدخال العميل لبيانات بطاقته.

لو محتار تختار إيه، ابدأ بروابط الدفع. تقدر تنتقل لدمج أغنى بعدين من غير ما تعيد كتابة الـ backend بتاعك.

<Cards>
  <Card icon="<LinkIcon />" title="روابط الدفع" href="/integrate/integration-patterns/payment-links">
    شارك رابط. من غير أي كود خالص. الأنسب للفواتير، والبيع على السوشيال ميديا، وإثبات إن الدمج شغّال قبل ما
    تكتب أول سطر.
  </Card>

  <Card icon="<ExternalLink />" title="الدفع المستضاف" href="/integrate/integration-patterns/hosted-checkout">
    السيرفر بتاعك بينشئ جلسة دفع ويحوّل العميل لصفحة XPay الجاهزة. أبسط طريق فيه أي كود.
  </Card>

  <Card icon="<AppWindow />" title="Drop-in" href="/integrate/integration-patterns/drop-in">
    صفحة الدفع الجاهزة بتفتح كنافذة منبثقة فوق موقعك، أو بتتضمّن داخليًا كـ iframe. العميل مش بيغادر نطاقك
    أبدًا.
  </Card>

  <Card icon="<Component />" title="Elements" href="/integrate/integration-patterns/elements">
    ابنِ واجهة دفع مخصّصة بالكامل باستخدام `<PaymentElement />` بتاع XPay. أقصى تحكم، وأكتر كود.
  </Card>
</Cards>

## مصمَّم للمطوّرين [#مصمَّم-للمطوّرين]

لما تكبر على الأساسيات، كل طبقة مكشوفة قدامك.

<Cards>
  <Card icon="<SearchCheck />" title="المُفتّش" href="/integrate/workbench/inspector">
    الصق أي معرّف XPay وشوف الرسم الكامل للموارد المرتبطة بيه، والأحداث اللي اتطلقت عليه، وسجلات الطلبات
    اللي مسّته.
  </Card>

  <Card icon="<RefreshCw />" title="إعادة إرسال الـ Webhook" href="/integrate/webhooks/replaying-and-retries">
    اضغط **إعادة إرسال** على أي تسليم سابق، وبيوصل معالِجك حدث جديد موقّع من غير ما تضطر تعيد تشغيل الدفعة
    الأصلية.
  </Card>

  <Card icon="<Terminal />" title="سجلات لكل طلب" href="/integrate/workbench/logs-panel">
    كل استدعاء API عمله حسابك: الطريقة، والمسار، والحالة، والترويسات، والمحتوى، والرد. صفِّ حسب كود الخطأ،
    وادخل بالتفصيل عن طريق معرّف الطلب.
  </Card>

  <Card icon="<TriangleAlert />" title="أخطاء منظَّمة" href="/integrate/errors/introduction">
    أكواد أخطاء ثابتة مقترنة بروابط توثيق مباشرة. تلميح لوحة التحكم وسجلات أخطائك الخاصة، الاتنين بيوصّلوك
    على طول للشرح.
  </Card>

  <Card icon="<HeartPulse />" title="مراقبة الصحة" href="/integrate/workbench/health-panel">
    آخر حالات الفشل مجمّعة حسب السبب الجذري، ومرتّبة حسب التكرار. اكتشف خلل أي نشر في ثواني.
  </Card>

  <Card icon="<Atom />" title="الـ SDKs ودعم أطر العمل" href="/sdk">
    `@xpayeg/sdk` للجافاسكريبت العادي، و`@xpayeg/react` لـ React. خفيفة، ومكتوبة بالأنواع، ومستقلة عن إطار
    العمل.
  </Card>
</Cards>

## رايح فين بعد كده [#رايح-فين-بعد-كده]

<Cards>
  <Card icon="<Rocket />" title="البداية السريعة" href="/get-started/quickstart">
    اعمل أول دفعة اختبار في خمس دقايق، من غير أي كود.
  </Card>

  <Card icon="<GitBranch />" title="اختار طريقة الدمج" href="/get-started/choose-your-integration">
    مقارنة جنب بعض للأربع طرق مع شجرة قرار في الأول. اختار مرة واحدة وما ترجعش تفكّر تاني.
  </Card>

  <Card icon="<Network />" title="نموذج الكائنات" href="/integrate/object-model">
    الخريطة الذهنية: إزاي جلسة الدفع، وPayment Intent، وCharge، وRefund، والعميل بيتركّبوا مع بعض، وأنهي
    معرّفات تحتفظ بيها في سجل الطلب بتاعك.
  </Card>

  <Card icon="<CodeXml />" title="مرجع الـ API" href="/api-reference">
    كل نقطة نهاية، وكل حقل، وكل كود حالة. مولّدة من مواصفة OpenAPI الحيّة، وعمرها ما بتبقى قديمة.
  </Card>
</Cards>