← العودة إلى الميزات
Pro

اختبار واجهة برمجة التطبيقات

API Tester هو عميل HTTP مدمج لاستدعاءات REST وGraphQL وWebSocket الذي يتم تشغيله في سياق الصفحة التي تتصفحها بالفعل - بحيث يتم تطبيق ملفات تعريف الارتباط والجلسة والأصل تلقائيًا، بدون رموز مميزة لنسخها إلى تطبيق منفصل.

عادةً ما يعني اختبار واجهة برمجة التطبيقات (API) مغادرة المتصفح. تفتح Postman أو Insomnia، ثم تقضي خمس دقائق في إعادة إنشاء شيء يحتوي عليه المتصفح بالفعل: ملف تعريف ارتباط الجلسة، والرمز المميز لحامله، والأصل الصحيح، ورأس CSRF. بحلول الوقت الذي يصبح فيه الطلب جاهزًا، تكون قد قمت باختبار سياق مختلف عن الذي يعيش فيه الخطأ.

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

تمنحك علامة التبويب REST طريقة، وعنوان URL يمكن أن يكون مطلقًا أو نسبيًا، ورؤوسًا مكتوبة واحدة في كل سطر، ونصًا. تعود الاستجابة بحالتها، والمدة التي استغرقتها، وحجمها، وJSON المطبوع بشكل جميل، ورؤوس الاستجابة الكاملة. تأخذ علامة التبويب GraphQL نقطة نهاية واستعلامًا ومتغيرات، وتنشئ الطلب لك، وتخبرك عندما تحتوي الاستجابة على أخطاء GraphQL على الرغم من أن حالة HTTP كانت 200. تفتح علامة التبويب WebSocket اتصالاً حقيقيًا، وترسل الإطارات التي تكتبها، وتسجل كل شيء في كلا الاتجاهين باستخدام الطوابع الزمنية.

عندما تقوم سياسة أمان المحتوى الخاصة بالصفحة أو قاعدة CORS بحظر المكالمة، يقوم أحد المحولين بإعادة إرسال الطلب المطابق من الامتداد بدلاً من ذلك، والذي لا يخضع لأي منهما. ويمنحك ذلك طريقة سريعة للتمييز بين مشكلة الخادم ومشكلة سياسة المتصفح - نفس الطلب، وسياقان، وإجابتان. يتم الاحتفاظ بطلباتك الـ 25 الأخيرة، وبالتالي فإن العودة إلى شيء جربته بالأمس هو نقرة واحدة.

معاينة مباشرة
app.example.com/dashboard
اختبار واجهة برمجة التطبيقات يعمل في سياق الصفحة
REST GraphQL WebSocket تاريخ
POST /api/v2/orders يرسل
الرؤوس
Content-Type: application/json
X-Request-Id: 4f2b-dev-check
201 Created 142 ms · 1.2 KB جميل خام الرؤوس
{
  "id": "ord_8821",
  "status": "pending",
  "total": 49.90
}
الميزات الرئيسية

طلب منشئ برؤوس حقيقية

اختر أي طريقة، وأدخل عنوان URL مطلقًا أو نسبيًا، واكتب رؤوسًا واحدة في كل سطر كقيمة الاسم:. يتم تحليل عناوين URL النسبية وفقًا للصفحة التي تتصفحها، لذلك يعمل /api/users فقط.

يتم تشغيله في جلسة تسجيل الدخول الخاصة بك

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

استعلامات ومتغيرات GraphQL

أدخل نقطة النهاية والاستعلام ومتغيرات JSON؛ تم تصميم جسم POST الصحيح لك. يتم حساب أخطاء GraphQL التي يتم إرجاعها داخل الاستجابة 200 ووضع علامة عليها بدلاً من إخفائها.

وحدة تحكم WebSocket ثنائية الاتجاه

افتح اتصال ws:// أو wss://، وأرسل الإطارات، وشاهد كل إطار في كلا الاتجاهين باستخدام الطوابع الزمنية والأحجام وحالة الاتصال - وليس مجرد التقاط للقراءة فقط.

ردود قابلة للقراءة

الحالة والتوقيت وحجم النقل مقدمًا، مع طرق عرض جميلة وخام ورؤوس. يتم تنسيق JSON تلقائيًا ويمكن نسخ أي شيء بنقرة واحدة.

تجاوز CSP وCORS عند الحاجة

إذا كانت قاعدة CSP أو قاعدة CORS الخاصة بالصفحة تحظر مكالمة، فقم بالتبديل "تشغيل من" إلى "الامتداد" وأرسل الطلب المطابق من خارج الصفحة - وهي طريقة فورية لفصل أخطاء الخادم عن سياسة المتصفح.

حالات الاستخدام الشائعة

اختبار نقطة النهاية أثناء تسجيل الدخول

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

تصحيح 401 أو 403

أرسل الطلب الفاشل بالضبط، وافحص رؤوس الاستجابة، ثم أعد الإرسال مع تغيير رأس التفويض بحرف واحد لمعرفة ما يعترض عليه الخادم بدقة.

التحقق من شكل استجابة GraphQL

قم بتشغيل استعلام بمتغيرات حقيقية مقابل نقطة النهاية المباشرة واقرأ النتيجة المنسقة قبل كتابة كود الواجهة الأمامية الذي يستهلكها.

مشاهدة موجز WebSocket المباشر

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

إعادة إنتاج خطأ في التذكرة

التقط الطلب والرد الفاشلين، وانسخهما، ثم الصق صورة كاملة في المشكلة حتى لا يضطر من يلتقطها إلى التخمين.

كيفية الاستخدام
1

افتح اختبار واجهة برمجة التطبيقات

انقر على أيقونة API Tester في قاعدة DevSuite Pro. يتم فتح اللوحة بعلامات تبويب REST وGraphQL وWebSocket وHistory، المملوءة مسبقًا بأصل الموقع الحالي.

2

قم بوصف الطلب

اختر طريقة وأدخل عنوان URL — كاملًا أو نسبيًا مثل /api/orders. أضف رؤوسًا واحدة لكل سطر (نوع المحتوى: application/json) والصق نصًا إذا كانت الطريقة تستخدم واحدًا.

3

أرسلها

اضغط على إرسال أو Ctrl+Enter (Cmd+Enter على نظام Mac). يتم إرسال الطلب من الصفحة، بحيث تظل مسجلاً للدخول كشخص موجود في علامة التبويب هذه.

4

اقرأ الرد

تظهر حبة الحالة والتوقيت والحجم على الفور. قم بالتبديل بين Pretty وRaw وHeaders، وانسخ أيًا منها. إذا قام موفر الخدمة (CSP) الخاص بالصفحة بحظر المكالمة، فقم بالتبديل "تشغيل من" إلى "الامتداد" ثم أرسل مرة أخرى.

5

أعد استخدامه لاحقًا

يتم حفظ كل طلب في السجل مع حالته. انقر فوق أي إدخال لتحميل الطريقة وعنوان URL والرؤوس والنص مباشرة في النموذج.

هل أنت جاهز للتجربة؟

قم بتثبيت DevSuite Pro مجانًا وافتح أكثر من 71 أداة للمطورين لمتصفحك.

إضافة إلى Chrome أضف إلى Edge إضافة إلى FireFox