تخطّ إلى المحتوىتواصل معنا
بناء التطبيقات

ما هو الـ API؟ شرح مبسّط بأمثلة حقيقية من تطبيقك

ما هو الـ API وكيف يعمل؟ شرح مبسّط بأمثلة من متجر أو تطبيق حجز: الدفع، إشعارات واتساب، الخرائط وتسجيل الدخول، وكيف تربطها بتطبيقك دون أن تكتب كوداً.

فريق فنّان9 دقائق قراءة
واتساب
الإجابة المختصرة

الـ API (واجهة برمجة التطبيقات) هو اتفاق مكتوب يحدد كيف يطلب برنامج شيئاً من برنامج آخر وما الرد الذي سيصله. عندما يدفع عميل في متجرك، يرسل تطبيقك طلباً إلى API بوابة الدفع فيعود الرد: تمّت العملية أو رُفضت. أسرع طريقة لفهمه أن تبني تطبيقاً حقيقياً في فنّان يربط الدفع وواتساب وتسجيل الدخول، ثم تتتبّع كل طلب ورد بنفسك.

يبحث الناس عن هذا الموضوع بعبارات مثل
  • ما هو الـ API
  • شرح API بالعربي للمبتدئين
  • ايش يعني API في التطبيقات
  • كيف اربط بوابة دفع بتطبيقي
  • الفرق بين API و webhook
  • كيف يشتغل API

ما هو الـ API بجملة واحدة؟

الـ API اختصار لعبارة Application Programming Interface، أي «واجهة برمجة التطبيقات». بجملة واحدة: هو الطريقة المتفق عليها التي يطلب بها برنامج شيئاً من برنامج آخر، ويعرف مسبقاً شكل الرد الذي سيصله.

تخيّل نافذة الطلبات في مطعم. أنت لا تدخل المطبخ ولا تعرف كيف يُطهى الطعام. تقول طلبك بطريقة محددة: «برجر واحد بدون بصل»، فيعود لك صحن بشكل تعرفه. النافذة هي الـ API، والمطبخ هو الخدمة الأخرى، وأنت تطبيقك.

رسم توضيحي: يد تمسك هاتفاً عليه تطبيق، وكل زر فيه قد يرسل طلباً خلف الشاشة إلى خدمة أخرى عبر API.رسم توضيحي
رسم توضيحي: يد تمسك هاتفاً عليه تطبيق، وكل زر فيه قد يرسل طلباً خلف الشاشة إلى خدمة أخرى عبر API.

هذا الشرح موجّه لمن يريد أن يفهم كيف تعمل البرمجيات فعلاً: طالب، أو صاحب متجر، أو مؤسس يبني أول تطبيق. وبدل الأمثلة المجرّدة سنستخدم تطبيقاً تعرفه: متجر صغير يبيع ويستلم الدفع ويرسل إشعارات، أو تطبيق حجز مواعيد.

أين توجد الـ APIs في تطبيقك أنت؟

افتح أي متجر إلكتروني حديث وستجد أن أغلب ما يحدث فيه طلبات تذهب وتعود بين تطبيقك وخدمات أخرى. هذه أشهرها في متجر أو تطبيق حجز:

اللحظة في تطبيقكمن يتكلم مع منما الذي يعود
العميل يدفع بمدى أو Apple Payتطبيقك مع بوابة الدفعنجحت العملية أو رُفضت، مع رقم مرجعي
العميل يدخل برقم جوالهتطبيقك مع خدمة الرسائلرمز تحقق يصل للجوال، ثم تأكيد صحته
تأكيد الطلب على واتسابتطبيقك مع واتسابتم الإرسال أو فشل
اختيار موقع التوصيلتطبيقك مع خدمة الخرائطإحداثيات وعنوان مقروء
عرض المنتجات أو المواعيدواجهة تطبيقك مع الخادم الخاص بهقائمة بالمنتجات وأسعارها أو بالمواعيد المتاحة

لاحظ الصف الأخير: تطبيقك نفسه له API داخلي. الجزء الذي يعمل في المتصفح أو الجوال يطلب البيانات من الجزء الذي يعمل على الخادم. إن أردت فهم هذا الفصل بين الجزأين فاقرأ الواجهة الأمامية والخلفية.

كيف يعمل طلب الـ API خطوة بخطوة؟

لنأخذ لحظة الدفع في متجرك. العميل ضغط «ادفع الآن» على سلة قيمتها 250 ريالاً. هذا ما يحدث خلال ثوانٍ:

  1. 1
    العنوان

    يعرف تطبيقك عنوان خدمة الدفع، مثل عنوان مكتب تذهب إليه بطلبك.

  2. 2
    الطلب

    يرسل تطبيقك ما تطلبه البوابة بالضبط: المبلغ، والعملة، ورقم الطلب، ووسيلة الدفع.

  3. 3
    الهوية

    يرفق تطبيقك مفتاحاً سرياً يثبت أنه متجرك أنت وليس أحداً ينتحل اسمك.

  4. 4
    الرد

    تعود البوابة برد بشكل معروف: الحالة (ناجح أو مرفوض)، ورقم مرجعي، وسبب الرفض إن وُجد.

  5. 5
    التصرف

    يقرأ تطبيقك الرد فيغيّر حالة الطلب إلى «مدفوع» ويعرض صفحة الشكر، أو يطلب من العميل المحاولة مرة أخرى.

الطلب
ما يرسله تطبيقك: ماذا يريد، وبأي بيانات
الرد
ما يعود: النتيجة والبيانات أو رسالة خطأ
المفتاح
إثبات أن الطلب صادر منك فعلاً
التوثيق
دليل الخدمة الذي يشرح ما تقبله وما ترد به

كل API في العالم يتبع هذه الفكرة نفسها مهما اختلفت التفاصيل. لهذا يكفي أن تفهم مثالاً واحداً جيداً لتقرأ الباقي.

ما الفرق بين الـ API والـ webhook؟

في الـ API تطبيقك هو من يسأل. لكن أحياناً تحدث أشياء خارج تطبيقك: العميل أكمل الدفع في صفحة البنك ثم أغلق المتصفح قبل أن يعود. كيف يعرف متجرك أن الطلب مدفوع؟ هنا يأتي الـ webhook: الخدمة نفسها تتصل بتطبيقك وتخبره بما حدث.

API: أنت تسأل
  • تطبيقك يرسل الطلب متى احتاج
  • مثال: اعرض لي المواعيد المتاحة
  • الرد يعود فوراً لنفس الطلب
  • مناسب لما يطلبه المستخدم الآن
Webhook: هم يخبرونك
  • الخدمة ترسل إشعاراً عندما يقع حدث
  • مثال: تم الدفع، أو تم إلغاء الحجز
  • يصل حتى لو أغلق العميل الصفحة
  • مناسب لتأكيد ما يحدث خارج تطبيقك

متجر جيد يستخدم الاثنين معاً: يسأل البوابة عن الحالة حين يعود العميل، ويستقبل إشعار الدفع عبر webhook احتياطاً. بهذا لا يضيع طلب مدفوع لأن الإنترنت انقطع عند العميل.

هل الـ API آمن؟ وما قصة المفاتيح؟

أغلب الخدمات المدفوعة أو الحساسة تطلب مفتاح API: نص طويل يشبه كلمة مرور خاصة بتطبيقك. من يملك المفتاح يستطيع أن يطلب باسمك، ولهذا هو أثمن ما في الربط كله.

قائمة أمان سريعة لأي ربطاضغط على البند عند إنجازه. يُحفظ تقدّمك في هذا المتصفح.

كيف تربط الدفع وواتساب وتسجيل الدخول بتطبيقك دون أن تكتب كوداً؟

الطريق التقليدي: تقرأ توثيق كل خدمة، وتكتب كود الطلبات والردود، وتعالج الأخطاء، وتختبر كل حالة. هذا تعلّم مفيد لكنه يأخذ أسابيع لكل ربط. في فنّان تصف التطبيق بالعربية أو الإنجليزية فيُبنى مع الربط، وتطّلع على الخطة قبل البناء عبر وضع التخطيط.

طرق الدفع المحلية جاهزة للربط: مدى وApple Pay وSTC Pay وتابي وتمارا وKNET وBenefit وفوري، ومعها تسجيل الدخول برقم الجوال ورمز التحقق، وإشعارات واتساب، وتسجيل الدخول بحساب Google. القائمة الكاملة في صفحة التكاملات وصفحة المدفوعات.

مثال: متجر عطور مع دفع وإشعارات

ابنِ متجراً إلكترونياً لبيع العطور بالعربية والإنجليزية. العميل يسجّل الدخول برقم جواله ورمز تحقق. سلة مشتريات ودفع بمدى وApple Pay وتابي. بعد نجاح الدفع تتغير حالة الطلب إلى «مدفوع» ويصل للعميل تأكيد على واتساب برقم الطلب. إذا رُفض الدفع تظهر رسالة واضحة وزر للمحاولة مرة أخرى. صفحة للمالك تعرض الطلبات وحالاتها. اشرح لي في الخطة كل خدمة خارجية ستربطها ولماذا.

جرّبه في فنّان

الجملة الأخيرة في المثال هي سرّ التعلّم: اطلب أن تُشرح لك كل خدمة. وبعد البناء افتح كود مشروعك واقرأ الجزء الذي يرسل طلب الدفع، واسأل المساعد Neo عن أي سطر لا تفهمه. المشروع ملكك وتستطيع تصديره.

هل أبني API خاصاً بي أم أستخدم الجاهز؟

سؤال يطرحه كل من يفهم الفكرة لأول مرة. الجواب يعتمد على ما تريده:

ما الذي تحتاجه من الـ API؟

اختر ما يشبه حالتك لترى النصيحة.

كيف أتعلم الـ APIs بالبناء خلال أسبوع؟

إن كان هدفك أن تفهم البرمجيات، فهذه خطة قصيرة تحوّل المفهوم إلى خبرة حقيقية بتطبيقك أنت:

  1. اليوم 1تطبيق بلا ربط

    ابنِ في فنّان تطبيق حجز بسيطاً يعرض المواعيد ويحفظها. هنا تتعرف على الـ API الداخلي.

  2. اليوم 2تسجيل الدخول

    أضف الدخول برقم الجوال ورمز التحقق، وراقب ما يحدث عند إدخال رمز خاطئ.

  3. اليوم 3إشعار واتساب

    أرسل تأكيد الحجز على واتساب، واقرأ في الكود متى يُرسل الطلب.

  4. اليوم 4الدفع والـ webhook

    أضف عربوناً بمدى أو Apple Pay، وتتبّع كيف يتحول الحجز إلى «مدفوع».

  5. اليوم 5الاختبار

    اطلب من مهندس الجودة أن يجرّب التطبيق ويكتب تقريراً بالأخطاء مع لقطات شاشة، ثم أصلحها.

لا تحفظ تعريف الـ API. أرسل طلباً حقيقياً، واقرأ الرد، وستفهمه للأبد.

الخلاصة

  • الـ API يشبه نافذة الطلبات في مطعم: تطلب بطريقة محددة، ويصلك رد بشكل معروف، ولا تدخل المطبخ.
  • كل تطبيق حديث يستخدم عدة واجهات: الدفع، الرسائل، الخرائط، تسجيل الدخول، وقاعدة البيانات الخاصة به.
  • الـ webhook هو العكس: الخدمة تتصل بتطبيقك من تلقاء نفسها عندما يحدث شيء، مثل نجاح الدفع.
  • مفاتيح الـ API مثل كلمات المرور: لا تضعها في صفحة عامة ولا ترسلها في محادثة.
  • تتعلم الـ API أسرع حين تربطه بتطبيقك أنت، ثم تقرأ ما حدث، بدل أن تحفظ تعريفات نظرية.

أسئلة شائعة

ما هو الـ API ببساطة؟
هو الطريقة المتفق عليها التي يطلب بها برنامج شيئاً من برنامج آخر ويعرف شكل الرد. مثل نافذة الطلبات في مطعم: تطلب بطريقة محددة ويعود لك ما طلبته دون أن تدخل المطبخ.
هل أحتاج إلى تعلم البرمجة لأستخدم API؟
لا إن كان هدفك تطبيقاً يعمل. في فنّان تصف ما تريد فيُبنى الربط مع الدفع أو واتساب أو تسجيل الدخول. وإن أردت التعلم فاقرأ كود مشروعك بعد البناء واسأل المساعد عن كل جزء.
ما الفرق بين الـ API والـ webhook؟
في الـ API تطبيقك هو من يسأل الخدمة. في الـ webhook الخدمة هي من تتصل بتطبيقك عندما يقع حدث، مثل نجاح الدفع أو إلغاء الحجز.
كيف أربط بوابة دفع بتطبيقي؟
تحتاج حساب تاجر لدى مزوّد الدفع، ثم ربط تطبيقك به واختبار حالات النجاح والرفض. في فنّان تذكر طرق الدفع في وصفك، مثل مدى وApple Pay وتابي وKNET وفوري، فتُربط وتجربها في المعاينة.
هل استخدام الـ API مجاني؟
يختلف من خدمة لأخرى: بعض الخدمات تأخذ رسوماً على كل عملية أو رسالة، وبعضها له حد استخدام. اقرأ شروط كل مزوّد. أما ما تتضمنه خطتك في فنّان فيعتمد على خطتك وتجده في صفحة الأسعار.
ماذا يحدث إن تسرّب مفتاح الـ API؟
يستطيع من يملكه أن يرسل طلبات باسمك. ادخل إلى حسابك لدى الخدمة وألغِ المفتاح وأنشئ مفتاحاً جديداً فوراً، ثم ضعه في مكانه الصحيح على الخادم لا في الصفحة.

اسأل مساعدك الذكي عن هذا الموضوع

انسخ هذا الطلب والصقه في مساعد الذكاء الاصطناعي الذي تستخدمه، ثم أضف تفاصيل حالتك.

أقرأ هذا الدليل: «ما هو الـ API؟ شرح مبسّط بأمثلة حقيقية من تطبيقك» https://fanann.com/ar/blog/what-is-an-api-explained/ سؤالي: ما هو الـ API اعتمد على هذه الصفحة كمصدر واشرح لي الإجابة خطوة بخطوة بما يناسب حالتي، واذكر ما يجب أن أتحقق منه قبل أن أبدأ، واذكر رابط الصفحة كمرجع.

مصطلحات في هذا المقال

فكرتك تستاهل تطلع للنور.

صِفها بالعربي أو الإنجليزي، وفنّان يبنيها ويختبرها وينشرها — بدون أي خبرة في البرمجة. ابدأ مجاناً، بدون بطاقة ائتمان.