Socket.IO ইন্সটল এবং ব্যবহার করা সহজ, তবে প্রথমে কিছু সেটআপ প্রক্রিয়া সম্পন্ন করতে হবে। এখানে একটি সহজ পদক্ষেপে Socket.IO ইন্সটল করা এবং একটি মৌলিক অ্যাপ্লিকেশন তৈরি করার পদ্ধতি দেয়া হলো।
1. Node.js ইনস্টল করা
Socket.IO ব্যবহার করতে আপনার সিস্টেমে Node.js ইনস্টল করা থাকতে হবে। আপনি Node.js অফিসিয়াল সাইট থেকে Node.js ইন্সটল করতে পারেন।
এটি ইন্সটল হওয়ার পর, আপনি কমান্ড লাইন বা টার্মিনাল থেকে node -v কমান্ড দিয়ে নিশ্চিত করতে পারেন যে Node.js সঠিকভাবে ইন্সটল হয়েছে।
2. প্রথম Socket.IO অ্যাপ্লিকেশন তৈরির জন্য প্রোজেক্ট তৈরি
প্রথমে আপনার পছন্দের ফোল্ডারে একটি নতুন ডিরেক্টরি তৈরি করুন এবং সেখানে প্রবেশ করুন:
mkdir socketio-example cd socketio-exampleএরপর npm init কমান্ড দিয়ে একটি নতুন Node.js প্রোজেক্ট শুরু করুন। এটি আপনাকে কিছু প্রশ্ন করবে, আপনি
Enterচাপলেই ডিফল্ট মানে চলতে থাকবে।npm init -ySocket.IO ইন্সটল করতে, নিচের কমান্ডটি ব্যবহার করুন:
npm install socket.io- আপনার প্রোজেক্টের জন্য একটি
server.jsফাইল তৈরি করুন।
3. Socket.IO সার্ভার তৈরি করা
server.js ফাইলে নিম্নলিখিত কোডটি লিখুন:
// Import the required modules
const http = require('http');
const socketIo = require('socket.io');
// Create an HTTP server
const server = http.createServer((req, res) => {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end('Hello, Socket.IO server is running!');
});
// Create a Socket.IO instance attached to the server
const io = socketIo(server);
// Handle incoming WebSocket connections
io.on('connection', (socket) => {
console.log('A user connected');
// Emit a message to the client
socket.emit('message', 'Welcome to the Socket.IO server!');
// Handle a message sent from the client
socket.on('clientMessage', (data) => {
console.log('Message from client: ' + data);
});
// Handle disconnection
socket.on('disconnect', () => {
console.log('A user disconnected');
});
});
// Set the server to listen on a specific port
server.listen(3000, () => {
console.log('Server is running on http://localhost:3000');
});এখানে, আমরা একটি HTTP সার্ভার তৈরি করেছি এবং তার সাথে Socket.IO যুক্ত করেছি। যখন একজন ইউজার কানেক্ট করে, সার্ভার একটি ওয়েলকাম মেসেজ ক্লায়েন্টে পাঠায় এবং ক্লায়েন্ট থেকে মেসেজ গ্রহণ করে।
4. ক্লায়েন্ট সাইড কোড তৈরি করা
ক্লায়েন্ট সাইডে HTML এবং JavaScript ব্যবহার করে Socket.IO কানেকশন তৈরি করা হবে।
- আপনার প্রোজেক্ট ফোল্ডারে একটি
index.htmlফাইল তৈরি করুন। - নিচের কোডটি
index.htmlফাইলে লিখুন:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Socket.IO Client</title>
<script src="/socket.io/socket.io.js"></script>
</head>
<body>
<h1>Socket.IO Client</h1>
<div id="messages"></div>
<button onclick="sendMessage()">Send Message</button>
<script>
// Establish connection to the Socket.IO server
const socket = io();
// Listen for messages from the server
socket.on('message', (data) => {
const messageDiv = document.getElementById('messages');
messageDiv.innerHTML = data;
});
// Send a message to the server
function sendMessage() {
socket.emit('clientMessage', 'Hello from the client!');
}
</script>
</body>
</html>এই কোডে, ক্লায়েন্ট সাইডে Socket.IO লাইব্রেরি ব্যবহার করা হয়েছে এবং Socket.IO server এর সাথে কানেক্ট হয়ে মেসেজ পাঠানো এবং গ্রহণ করা হচ্ছে।
5. অ্যাপ্লিকেশন চালানো
এখন আপনার সার্ভার চালু করতে
server.jsফাইলটি রান করুন:node server.js- আপনার ব্রাউজারে
http://localhost:3000এ যান। আপনি দেখতে পাবেন যে, সার্ভার একটি ওয়েলকাম মেসেজ পাঠাবে এবং ক্লায়েন্ট একটি বাটনে ক্লিক করলে তা সার্ভারে একটি মেসেজ পাঠাবে। - ব্রাউজারে ক্লায়েন্ট থেকে "Send Message" বাটনটি ক্লিক করলে সার্ভারে পাঠানো মেসেজটি Console এ প্রদর্শিত হবে।
সারসংক্ষেপ
এই ধাপে ধাপে নির্দেশনা অনুসরণ করে আপনি Socket.IO ইন্সটল এবং একটি সহজ রিয়েল-টাইম অ্যাপ্লিকেশন তৈরি করেছেন, যা সার্ভার এবং ক্লায়েন্টের মধ্যে মেসেজ আদান-প্রদান করতে সক্ষম। এটি একটি সহজ উদাহরণ যা আপনি আপনার বাস্তব অ্যাপ্লিকেশনে আরো উন্নত ফিচার যুক্ত করে ব্যবহার করতে পারেন।
Read more
