কিভাবে Node.js এ ওয়েবসকেট সংযোগ তৈরি করবেন?

Kibhabe Node Js E Oyebasaketa Sanyoga Tairi Karabena



WebSocket মূলত একটি প্রোটোকল যা ডেভেলপাররা তাদের অ্যাপ্লিকেশনে ক্লায়েন্ট এবং সার্ভারের মধ্যে সম্পূর্ণ ডুপ্লেক্স যোগাযোগ সক্ষম করতে ব্যবহার করে। এই ধরণের যোগাযোগ ব্যবহারকারীদের কোনো বিলম্ব ছাড়াই রিয়েল-টাইমে সার্ভারের সাথে যোগাযোগ করতে দেয়। আজকাল, এই প্রোটোকলটি একটি ভাল ব্যবহারকারীর অভিজ্ঞতা প্রদানের জন্য প্রায় প্রতিটি ওয়েব অ্যাপ্লিকেশনে ব্যবহার করা হচ্ছে৷

এই নিবন্ধটি Node.js-এ ওয়েবসকেট সংযোগ তৈরি করার পদ্ধতিটি ব্যাখ্যা করে।

কিভাবে Node.js এ ওয়েবসকেট সংযোগ তৈরি করবেন?

WebSocket সংযোগ দুটি অংশ নিয়ে গঠিত: ক্লায়েন্ট সাইড এবং সার্ভারের দিকে বিকাশ। ডামি ওয়েবসাইট তৈরি করতে হবে যা উভয় পক্ষের মধ্যে মাধ্যম হিসাবে কাজ করে। এটি ব্যবহার করে, বার্তাগুলি উভয় দিক থেকে স্থানান্তরিত হয়। NodeJs-এ WebSocket তৈরির জন্য নিচের ধাপগুলো দেখুন।







ধাপ 1: NodeJs এনভায়রনমেন্ট সেট আপ করা

এর সাহায্যে ' সিডি 'কমান্ড, প্রজেক্ট ফোল্ডারের মধ্য দিয়ে যান এবং এর ভিতরে কমান্ডটি চালান' npm init -y ডিফল্ট NodeJs মডিউল ইনস্টল করতে:



npm init - এবং

উপরের কমান্ডটি কার্যকর করার পরে, 'নামক নতুন ফাইল package.json যা প্রকল্প সম্পর্কিত প্রাথমিক তথ্য সংরক্ষণ করে তৈরি হয়:







ধাপ 2: ওয়েবসকেট মডিউল ইনস্টল করা

WebSocket প্রোটোকল ব্যবহার করতে মডিউলটির নাম “ ws ' NodeJs প্রকল্পে ইনস্টল করা প্রয়োজন। ইনস্টলেশনের জন্য কমান্ডটি নীচে ঢোকানো হয়েছে:



npm ইনস্টল ws

নীচের আউটপুট দেখায় ' ws কাঙ্খিত NodeJs ডিরেক্টরিতে ইনস্টল করা হয়েছে:

ধাপ 3: ওয়েবসকেট সার্ভার সেট আপ করা

ওয়েবসকেট প্রোটোকলের সার্ভার সাইড সেটআপ করতে, একটি নতুন তৈরি করুন “ .js 'নাম সহ প্রকল্প ফোল্ডারের ভিতরে ফাইল টাইপ করুন' সার্ভারসাইড ' এবং নীচে বর্ণিত কোড সন্নিবেশ করুন:

const wsObj = প্রয়োজন ( 'ws' ) ;

const ws = নতুন wsObj. সার্ভার ( { বন্দর : 3000 } ) ;

কনসোল লগ ( 'লিনাক্সহিন্ট সার্ভার শুরু হয়েছে' ) ;

উপরের কোডের ব্যাখ্যাটি নিম্নরূপ:

  • প্রথমত, 'এর সাহায্যে প্রয়োজন() 'পদ্ধতি, ' ws 'উপরের বিভাগে ইতিমধ্যে ইনস্টল করা মডিউলটি বর্তমানের ভিতরে আমদানি করা হয়' serverSide.js ' ফাইল।
  • এরপরে, ' সার্ভার() 'এর বস্তু ব্যবহার করে পদ্ধতি ws 'নামক মডিউল' wsObj 'এবং 'এর পোর্ট নম্বরটি পাস করুন 3000 লোকালহোস্টের নির্দিষ্ট পোর্টে সার্ভার শুরু করতে।
  • এছাড়াও, সার্ভার শেষ থেকে সার্ভার শুরু হয়েছে তা নিশ্চিত করতে কনসোল উইন্ডোতে কিছু র্যান্ডম বার্তা প্রদর্শন করুন।

ধাপ 4: ওয়েবসকেট ক্লায়েন্ট সেট আপ করা

নামের আরেকটি ফাইল তৈরি করুন ' মক্কেলের পক্ষে ” সার্ভারের সাথে সংযুক্ত ক্লায়েন্ট সাইড সেট আপ করতে। বেসিক ক্লায়েন্ট-সাইড সেট আপ করতে নীচের কোডটি সন্নিবেশ করুন যা সার্ভারে সংযুক্ত হলে একটি এলোমেলো বার্তা প্রদর্শন করে:

const বস্তু = নতুন ওয়েবসকেট ( 'ws://localhost:3000' ) ;

বস্তু AddEventListener ( 'খোলা' , ( ) => {

কনসোল লগ ( 'আপনি লিনাক্সহিন্ট সার্ভারের সাথে সংযুক্ত!' ) ;

} ) ;

উপরের কোড ব্লকের বিবরণ:

  • প্রথমে, 'এর জন্য একটি নতুন বস্তু তৈরি করুন ওয়েবসকেট() ' প্রোটোকল যা লোকালহোস্টে শোনা যায় যার পোর্ট নম্বর ' 3000
  • তারপর, 'নামক ভেরিয়েবলে নতুন বস্তু সংরক্ষণ করুন বস্তু
  • এর পরে, 'এর ইভেন্ট লিসেনার সংযুক্ত করুন খোলা ' এর সাথে ' বস্তু ” প্রদত্ত পোর্ট নম্বর সহ লোকালহোস্টে সার্ভার লোড হলে এই ইভেন্ট লিসেনার একটি বেনামী ফাংশন চালাবে।
  • ফাংশনটি কনসোলে একটি এলোমেলো সংযোগ-সম্পর্কিত বার্তা প্রদর্শন করে।

ধাপ 5: ওয়েবপেজ তৈরি করা

প্রকল্প ডিরেক্টরির ভিতরে, একটি ' তৈরি করুন .html ' টাইপ ফাইলের নাম আছে ' সূচক ' যা আমদানি করার জন্য একক স্ক্রিপ্ট ট্যাগ সহ HTML এর মৌলিক কাঠামো রয়েছে ' clientSide.js ' ফাইল:

DOCTYPE html >

< শুধুমাত্র html = 'ভিতরে' >

< মাথা >

< মেটা অক্ষর সেট = 'UTF-8' >

< শিরোনাম > ক্লায়েন্ট শিরোনাম >

মাথা >

< শরীর >

< h1 > লিনাক্সহিন্ট ওয়েবসাইট h1 >

শরীর >

< স্ক্রিপ্ট src = 'clientSide.js' >> লিপি >

html >

ধাপ 6: সম্পাদন

খোলা ' index.html ' সরাসরি ডিরেক্টরি থেকে ওয়েবপেজে। তারপর, টার্মিনাল বা কমান্ড প্রম্পটে যান এবং নীচের কমান্ডটি চালান:

নোড সার্ভারসাইড

আউটপুট বার্তা দেখায় যে সার্ভার শুরু হয়েছে।

এখন সার্ভার বন্ধ না করে, index.html এ যান এবং ওয়েব ব্রাউজারে এটি খুলুন। সেখানে সংযোগ সাফল্যের বার্তাটি কনসোল উইন্ডোতে প্রদর্শিত হবে:

আউটপুট দেখায় যে ক্লায়েন্ট এবং সার্ভারের মধ্যে সংযোগ স্থাপন করা হয়েছে। এই ব্লগটি NodeJs-এ ওয়েবসকেট সংযোগ তৈরির প্রক্রিয়া ব্যাখ্যা করেছে।

উপসংহার

NodeJs এ একটি ওয়েবসকেট সংযোগ তৈরি করতে, একটি নতুন NodeJs প্রকল্প তৈরি করুন এবং ' ws ' মডিউল চালিয়ে ' npm ইনস্টল ws 'আদেশ। এখন, সার্ভার সাইডের জন্য একটি ফাইল তৈরি করুন এবং এর ভিতরে 'ইমপোর্ট করুন' ws 'মডিউল। পোর্টে একটি WebSocket সার্ভার তৈরি করতে এই মডিউলটি ব্যবহার করুন “ 3000 ” ক্লায়েন্ট-সাইডের জন্য আরেকটি ফাইল তৈরি করুন যেখানে আপনাকে “এর জন্য একটি নতুন অবজেক্ট সংজ্ঞায়িত করতে হবে ওয়েবসকেট 'নাম' বস্তু 'এবং এটি বন্দরে শোনার জন্য' 3000 ” এই ব্লগটি NodeJs-এ একটি WebSocket সংযোগ স্থাপনের পদ্ধতি চিত্রিত করেছে।