أدوات اختبار WebSocket عبر الإنترنت: Postman مقابل Apidog

ما هو WebSocket؟ WebSocket هو بروتوكول يمكّن الاتصال الثنائي الحقيقي. على عكس بروتوكول HTTP التقليدي، في WebSocket، بمجرد اتصال العميل بالخادم، يبقى الاتصال مفتوحًا، مما يسمح لكل من العميل والخادم بإرسال البيانات إلى بعضهما البعض في أي وقت دون الاعتماد على الطلبات والاستجابات.

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

بناء خادم WebSocket في Node.js

توفر Node.js منصة قوية لبناء تطبيقات الوقت الحقيقي، وتقدم دعمًا للتواصل عبر WebSocket. إليك كيفية تنفيذ خدمة WebSocket باستخدام Node.js على نظام Windows:

تثبيت Node.js:

قم بتنزيل وتثبيت أحدث إصدار من Node.js لنظام Windows من الموقع الرسمي لـ Node.js (https://nodejs.org). اتبع معالج التثبيت لإكمال التثبيت.

إنشاء دليل مشروع جديد:

افتح موجه الأوامر أو الطرفية وأنشئ دليلاً جديدًا لمشروع خادم WebSocket الخاص بك.

تهيئة المشروع:

انتقل إلى دليل المشروع باستخدام موجه الأوامر أو الطرفية وقم بتشغيل الأمر التالي لتهيئة المشروع وإنشاء ملف package.json:

npm init -y

تثبيت مكتبة WebSocket:

استخدم الأمر التالي لتثبيت مكتبة 'ws'، التي توفر وظائف WebSocket في Node.js:

npm i ws

إنشاء ملف خادم WebSocket:

قم بإنشاء ملف JavaScript جديد، مثل 'server.js'، في دليل مشروعك. افتح الملف في محرر نصوص وأضف الكود. يتضمن الكود أدناه إنشاء خادم WebSocket، والتعامل مع اتصالات العميل، وإرسال رسائل دورية، واستقبال ومعالجة الرسائل الواردة، والتعامل مع حدث الإغلاق.

// استيراد حزمة WebSocket
const WebSocket = require('ws');

// إنشاء خادم WebSocket يستمع على المنفذ 3001
const wss = new WebSocket.Server({ port: 3001 });

// الاستماع لأحداث الاتصال، التي تت triggered عندما يتصل عميل بخادم WebSocket
wss.on('connection', function connection(ws) {
  // إرسال الرسالة إلى العميل كل ثانية
  const timer = setInterval(() => {
    ws.send('أنا WebSocket Nodejs');
  }, 1000);

  // الاستماع للرسائل الواردة من العميل وإخراج محتوى الرسالة إلى وحدة التحكم
  ws.on('message', function incoming(message) {
    // استخراج معلمات الاستعلام
    const queryParams = conn.path.split('?')[1];
    console.log('استعلام', queryParams)
    console.log('تم الاستلام: %s', message);
  });

  // الاستماع لحدث الإغلاق وإيقاف المؤقت
  ws.on('close', function close() {
    clearInterval(timer);
  });
});

ما هي أفضل أداة اختبار على الإنترنت لـ WebSocket؟

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

مقارنة بين Apidog وPostman:

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

كيفية تصحيح واجهة برمجة التطبيقات WebSocket

فيما يلي، نوضح الخطوات خطوة بخطوة لتصحيح واجهات برمجة التطبيقات WebSocket باستخدام أداتين شعبيتين للاختبار عبر الإنترنت: Apidog وPostman.

الطريقة 1. تصحيح خدمات WebSocket باستخدام Apidog

الخطوة 1. إنشاء طلب WebSocket

إذا كنت ترغب في الاتصال بـ WebSocket باستخدام Apidog، تحتاج أولاً إلى إنشاء طلب WebSocket وملء المعلمات المختلفة، بما في ذلك عنوان URL، والرسالة، والمعلمات.

الخطوة 2. إرسال رسالة

في الرسالة يمكنك ملء الرسالة التي سيتم تسليمها إلى الخادم، بعد إرسالها، سيستقبل الخادم الرسالة التي أرسلتها.

اختياري: تمرير المعلمات

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

الخطوة 3. حفظ الطلب

عند الانتهاء من الكتابة، يمكنك النقر على حفظ لحفظ الطلب.

الخطوة 4. تشغيل طلب WebSocket: الاتصال بخدمة

أولاً انقر على زر الاتصال لإنشاء اتصال WebSocket.

بعد الاتصال الناجح، تظهر Apidog رسالة نجاح. سيرد الخادم أيضًا لأن الاتصال ناجح.

الخطوة 5. إرسال طلب WebSocket

يمكننا بعد ذلك التواصل مع الخادم عبر WebSocket. يمكنك استخدام Apidog لإرسال الرسالة والمعلمات إلى الخادم عن طريق النقر على زر الإرسال.

الخطوة 6. التواصل مع خدمة WebSocket

بعد الإرسال، يمكن للخادم أيضًا إرسال معلومات إلى العميل، على سبيل المثال هنا أدناه، يمكنك أيضًا ضبط الخادم لإرسال الطابع الزمني الحالي للعميل في الثانية، هذه هي ميزة WebSocket في Apidog ومن السهل جدًا عرضها.

يمكنك النقر على زر قطع الاتصال إذا لم تعد ترغب في الاتصال.

يمكن قطع الاتصال على الفور.

ملاحظة:

يتوفر Apidog على جانب الويب والعميل. إذا كنت تستخدم الجانب الويب وترغب في تصحيح الخدمات المحلية، تحتاج إلى تثبيت إضافة Google لـ Apidog.

قم بالتنزيل من هنا: إضافة متصفح Apidog

الطريقة 2. تصحيح WebSockets باستخدام Postman

الخطوة 1. إنشاء طلب WebSocket

انقر على زر جديد لإنشاء طلب.

اختر طلب WebSocket.

الخطوة 2. ملء الرسالة، المعاملات

يمكن تمرير الرسالة والمعاملات في طلب WebSocket.

ستتم تمرير معلمات الاستعلام على عنوان URL.

الخطوة 3. الاتصال بخدمة WebSocket

إذا كنت ترغب في التواصل مع الخادم عبر WebSocket، تحتاج إلى إنشاء أول اتصال لك، لذلك انقر على "الاتصال". بمجرد الاتصال، سينبهك Postman بأن الاتصال كان ناجحًا.

الخطوة 4. إرسال رسالة

ثم يمكننا إرسال رسالة ورؤية أن جانب العميل يمكنه الحصول على الرسائل التي أُرسلت إلينا كل ثانية على جانب الخادم.

يمكن أيضًا لجانب الخادم استلام الرسالة والمعاملات التي نمررها إليه.

الخطوة 5. قطع الاتصال بـ WebSocket

إذا كنت ترغب في قطع الاتصال، يمكنك القيام بذلك عن طريق النقر على "قطع الاتصال".

الخاتمة

إذا كنت تستكشف أداة جديدة وقوية لتصحيح واجهة برمجة التطبيقات، نوصي بشدة بتجربة Apidog. كما يقدم أيضًا مكونًا إضافيًا Apidog Helper IDEA، الذي يدعم مزامنة شفرة الواجهة مع الوثائق.