WebSocket একটি যোগাযোগ প্রটোকল যা ইন্টারনেটের মাধ্যমে দুইটা পক্ষের মধ্যে দুটি দিকের যোগাযোগ (full-duplex communication) প্রতিষ্ঠা করে। এটি ক্লায়েন্ট এবং সার্ভারের মধ্যে একযোগভাবে ডেটা পাঠানোর জন্য ব্যবহৃত হয়, যেখানে ক্লায়েন্ট এবং সার্ভার উভয়েই বার্তা পাঠাতে এবং গ্রহণ করতে পারে। WebSocket প্রোটোকলটি HTTP প্রোটোকলের উপর ভিত্তি করে তৈরি, তবে এটি একবার কানেকশন স্থাপিত হলে, তা সার্ভার এবং ক্লায়েন্টের মধ্যে অবিরত ও দু-দিকের যোগাযোগ বজায় রাখে, HTTP এর তুলনায় অনেক বেশি কার্যকরী এবং কম ব্যান্ডউইথ খরচ করে।
WebSocket ব্যবহৃত হয় এমন পরিস্থিতিতে, যেখানে:
- সার্ভার এবং ক্লায়েন্টের মধ্যে রিয়েল-টাইম যোগাযোগ প্রয়োজন, যেমন চ্যাট অ্যাপ্লিকেশন, গেম, লাইভ স্ট্রিমিং, স্টক মার্কেট ডেটা, ইত্যাদি।
- ক্লায়েন্টের বার্তা পাঠানো বা গ্রহণ করার জন্য অনেক সময় বিলম্ব সহ্য করা সম্ভব নয়।
KoaJS-এ WebSocket ব্যবহারের জন্য একটি ওয়েব সোকেট সার্ভার সেটআপ করা যায়, এবং এর মাধ্যমে ক্লায়েন্ট এবং সার্ভারের মধ্যে রিয়েল-টাইম ডেটা এক্সচেঞ্জ সম্ভব।
KoaJS-এ WebSocket সেটআপ
KoaJS-এ WebSocket ব্যবহারের জন্য আপনাকে ws বা socket.io প্যাকেজ ব্যবহার করতে হবে। এই প্যাকেজগুলি WebSocket প্রোটোকল ব্যবহারে সহায়তা করে। এখানে ws প্যাকেজের সাহায্যে WebSocket সার্ভার সেটআপ করার প্রক্রিয়া দেখানো হলো।
১. ws প্যাকেজ ইনস্টল করা
প্রথমে ws প্যাকেজটি ইনস্টল করতে হবে:
npm install ws
২. KoaJS এবং WebSocket সার্ভার কনফিগারেশন
এখন, আমরা KoaJS এবং ws প্যাকেজ ব্যবহার করে একটি WebSocket সার্ভার সেটআপ করব:
const Koa = require('koa');
const Router = require('koa-router');
const WebSocket = require('ws');
const http = require('http');
const app = new Koa();
const router = new Router();
// HTTP সার্ভার তৈরি করা (KoaJS অ্যাপ্লিকেশন ব্যবহার করে)
const server = http.createServer(app.callback());
// WebSocket সার্ভার তৈরি করা
const wss = new WebSocket.Server({ server });
// WebSocket ক্লায়েন্ট কানেকশন হ্যান্ডলিং
wss.on('connection', (ws) => {
console.log('A new client connected');
// ক্লায়েন্টকে একটি বার্তা পাঠানো
ws.send('Welcome to the WebSocket server!');
// ক্লায়েন্ট থেকে বার্তা গ্রহণ করা
ws.on('message', (message) => {
console.log('received: %s', message);
});
// ক্লায়েন্ট ডিসকানেক্ট হলে লগ করা
ws.on('close', () => {
console.log('A client disconnected');
});
});
// একটি HTTP রাউট তৈরি করা
router.get('/', async (ctx) => {
ctx.body = 'Hello, this is KoaJS WebSocket Server!';
});
// রাউট মাউন্ট করা
app.use(router.routes()).use(router.allowedMethods());
// HTTP সার্ভার চালু করা
server.listen(3000, () => {
console.log('WebSocket server running on http://localhost:3000');
});
ব্যাখ্যা:
- WebSocket Server তৈরি করা:
ws.Serverক্লাসটি ব্যবহার করে একটি WebSocket সার্ভার তৈরি করা হয়েছে। এটি KoaJS অ্যাপ্লিকেশনের HTTP সার্ভারের সাথে সংযুক্ত। - connection event: যখন একটি ক্লায়েন্ট সার্ভারের সাথে কানেক্ট করে, তখন একটি
connectionইভেন্ট ট্রিগার হবে। এই ইভেন্টে ক্লায়েন্টের সাথে রিয়েল-টাইম ডেটা এক্সচেঞ্জ করা হয়। - message event: ক্লায়েন্ট যখন সার্ভারে বার্তা পাঠায়, তখন
messageইভেন্ট ট্রিগার হয় এবং সার্ভার সেই বার্তা গ্রহণ করে এবং লগ করে। - sending messages:
ws.send()ফাংশন ব্যবহার করে সার্ভার ক্লায়েন্টকে বার্তা পাঠায়।
৩. WebSocket ক্লায়েন্ট কনফিগারেশন
ক্লায়েন্ট সাইডে WebSocket কানেকশন তৈরির জন্য JavaScript ব্যবহার করতে হয়। ব্রাউজারের WebSocket API ক্লায়েন্ট সাইডের জন্য ব্যবহৃত হয়। নিচে একটি ক্লায়েন্ট সাইডের উদাহরণ দেওয়া হলো:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WebSocket Client</title>
</head>
<body>
<h1>WebSocket Client</h1>
<div id="messages"></div>
<script>
const socket = new WebSocket('ws://localhost:3000'); // WebSocket সার্ভারে কানেক্ট
socket.onopen = () => {
console.log('Connected to WebSocket server');
socket.send('Hello, Server!'); // সার্ভারকে বার্তা পাঠানো
};
socket.onmessage = (event) => {
console.log('Message from server: ' + event.data);
document.getElementById('messages').innerHTML = event.data; // সার্ভার থেকে বার্তা প্রদর্শন
};
socket.onclose = () => {
console.log('Disconnected from WebSocket server');
};
</script>
</body>
</html>
এখানে:
- WebSocket: এটি ওয়েব ব্রাউজার API, যা ব্রাউজার থেকে সরাসরি সার্ভারের সাথে WebSocket কানেকশন তৈরি করতে সহায়তা করে।
- socket.onopen: যখন WebSocket কানেকশন সফলভাবে তৈরি হবে, তখন এই ইভেন্টটি ট্রিগার হবে।
- socket.onmessage: যখন সার্ভার থেকে কোন বার্তা আসবে, তখন এই ইভেন্টটি ট্রিগার হবে এবং ক্লায়েন্ট সেই বার্তা গ্রহণ করবে।
- socket.send(): এটি ক্লায়েন্টের পক্ষ থেকে সার্ভারে বার্তা পাঠাতে ব্যবহৃত হয়।
৪. WebSocket কেন ব্যবহার করবেন?
WebSocket বেশ কিছু ক্ষেত্রে অতিরিক্ত সুবিধা প্রদান করে:
- রিয়েল-টাইম যোগাযোগ: WebSocket রিয়েল-টাইম ডেটা এক্সচেঞ্জের জন্য আদর্শ, যেমন চ্যাট অ্যাপ্লিকেশন, গেম, লাইভ স্ট্রিমিং ইত্যাদি।
- দ্বি-দিকের যোগাযোগ: WebSocket ক্লায়েন্ট এবং সার্ভার উভয় পক্ষ থেকেই ডেটা পাঠানো এবং গ্রহণ করা সম্ভব করে।
- কম ব্যান্ডউইথ ব্যবহার: HTTP এর তুলনায় WebSocket কম ব্যান্ডউইথ ব্যবহার করে, কারণ একবার কানেকশন স্থাপিত হলে অতিরিক্ত হেডার প্রেরণ করা হয় না।
সারাংশ
KoaJS-এ WebSocket ব্যবহার করে আপনি real-time communication সহজেই বাস্তবায়ন করতে পারেন। ws লাইব্রেরি ব্যবহার করে WebSocket সার্ভার তৈরি করা যায় এবং ক্লায়েন্ট সাইডে WebSocket API ব্যবহার করে সার্ভারের সাথে যোগাযোগ করা যায়। এটি চ্যাট অ্যাপ্লিকেশন, গেম, লাইভ ডেটা ফিড, এবং অন্যান্য রিয়েল-টাইম অ্যাপ্লিকেশন তৈরির জন্য অত্যন্ত কার্যকর।
Read more
