توضح هذه المقالة الإجراء الخاص بإنشاء اتصالات webSocket في Node.js.
كيفية إنشاء اتصالات WebSocket في Node.js؟
يتكون اتصال WebSocket من جزأين: التطوير من جانب العميل وجانب الخادم. يحتاج موقع الويب الوهمي أيضًا إلى إنشاء موقع يعمل كوسيط بين الجانبين. وباستخدامه، يتم نقل الرسائل من كلا الجانبين. تفضل بزيارة الخطوات التالية لإنشاء WebSocket في NodeJs.
الخطوة 1: إعداد بيئة NodeJs
بمساعدة ' قرص مضغوط 'الأمر، قم بالانتقال عبر مجلد المشروع وداخله قم بتنفيذ الأمر' npm الحرف الأول -y ' لتثبيت وحدات NodeJs الافتراضية:
الحرف npm - و
بعد تنفيذ الأمر أعلاه، سيظهر الملف الجديد باسم ' package.json يتم إنشاء 'الذي يخزن المعلومات الأساسية المتعلقة بالمشروع:
الخطوة 2: تثبيت وحدة WebSocket
لاستخدام بروتوكول WebSocket، الوحدة النمطية المسماة ' ws 'يجب تثبيته في مشروع NodeJs. تم إدراج أمر التثبيت أدناه:
تثبيت npm ws
يظهر الإخراج أدناه ' ws 'تم تثبيته في دليل NodeJs المطلوب:
الخطوة 3: إعداد خادم WebSocket
لإعداد جانب الخادم لبروتوكول webSocket، قم بإنشاء '' جديد' .js 'اكتب الملف داخل مجلد المشروع بالاسم' جانب الخادم ' وأدخل الكود المذكور أدناه:
مقدار ثابت wsObj = يتطلب ( 'وس' ) ;مقدار ثابت ws = جديد wsObj. الخادم ( { ميناء : 3000 } ) ;
وحدة التحكم. سجل ( 'لقد بدأ خادم Linuxhint' ) ;
شرح الكود أعلاه هو كما يلي:
- أولاً، بمساعدة ' يتطلب() 'الطريقة،' ws 'يتم استيراد الوحدة المثبتة بالفعل في القسم أعلاه داخل '' الحالية serverSide.js ' ملف.
- بعد ذلك، قم باستدعاء ' الخادم() 'طريقة باستخدام كائن' ws '' الوحدة المسماة '' wsObj ' وتمرير رقم المنفذ ' 3000 'لبدء تشغيل الخادم على المنفذ المحدد لـ Localhost.
- قم أيضًا بعرض بعض الرسائل العشوائية عبر نافذة وحدة التحكم لتأكيد بدء الخادم من نهاية الخادم.
الخطوة 4: إعداد عميل WebSocket
قم بإنشاء ملف آخر يحمل الاسم ' ClientSide ' لإعداد جانب العميل الذي يتصل بالخادم. أدخل الكود أدناه لإعداد جانب العميل الأساسي الذي يعرض رسالة عشوائية عند الاتصال عبر الخادم:
مقدار ثابت obj = جديد WebSocket ( 'وس: // المضيف المحلي: 3000' ) ;obj. addEventListener ( 'يفتح' , ( ) => {
وحدة التحكم. سجل ( 'أنت متصل بخادم Linuxhint!' ) ;
} ) ;
وصف كتلة التعليمات البرمجية أعلاه:
- أولاً، قم بإنشاء كائن جديد لـ ' ويبسوكيت () 'البروتوكول الذي يتم الاستماع إليه على المضيف المحلي الذي يحمل رقم المنفذ ' 3000 '.
- ثم قم بتخزين الكائن الجديد في المتغير المسمى ' obj '.
- بعد ذلك قم بإرفاق مستمع الحدث ' يفتح ' مع هذا ' obj '. سيقوم مستمع الحدث هذا بتنفيذ وظيفة مجهولة عندما يتم تحميل الخادم على المضيف المحلي برقم المنفذ المقدم.
- تعرض الوظيفة رسالة عشوائية متعلقة بالاتصال عبر وحدة التحكم.
الخطوة 5: إنشاء صفحة ويب
داخل دليل المشروع، قم بإنشاء ' .لغة البرمجة 'اكتب ملفًا يحمل اسم' فِهرِس ' الذي يحتوي على البنية الأساسية لـ HTML بالإضافة إلى علامة البرنامج النصي الفردية لاستيراد ' clientSide.js ' ملف:
نوع الوثيقة أتش تي أم أل >< أتش تي أم أل فقط = 'في' >
< رأس >
< مجموعة محارف التعريف = 'UTF-8' >
< عنوان > عميل عنوان >
رأس >
< جسم >
< h1 > موقع لينكسنت h1 >
جسم >
< البرنامج النصي src = 'clientSide.js' >< النصي >
لغة البرمجة >
الخطوة 6: التنفيذ
افتح ال ' Index.html 'على صفحة الويب مباشرة من الدليل. ثم انتقل إلى المحطة أو موجه الأوامر وقم بتنفيذ الأمر أدناه:
جانب خادم العقدة
تظهر رسالة الإخراج أن الخادم قد بدأ.
الآن، بدون إغلاق الخادم، انتقل إلى ملف Index.html وافتحه عبر متصفح الويب. هناك ستظهر رسالة نجاح الاتصال في نافذة وحدة التحكم:
يُظهر الإخراج أنه تم إنشاء الاتصال بين جانب العميل والخادم. لقد شرحت هذه المدونة عملية إنشاء اتصال webSocket في NodeJs.
خاتمة
لإنشاء اتصال webSocket في NodeJs، قم بإنشاء مشروع NodeJs جديد وقم بتثبيت ' ws 'الوحدة النمطية عن طريق تشغيل' تثبيت npm ws ' يأمر. الآن قم بإنشاء ملف من جانب الخادم وداخله قم باستيراد ' ws ' وحدة. استخدم هذه الوحدة لإنشاء خادم WebSocket على المنفذ ' 3000 '. قم بإنشاء ملف آخر من جانب العميل حيث تحتاج إلى تحديد كائن جديد لـ ' WebSocket ' اسم الشيئ ' obj ''واجعله يستمع في المنفذ'' 3000 '. لقد أوضحت هذه المدونة الإجراء الخاص بإنشاء اتصال WebSocket في NodeJs.