close

এর সাথে একটি বেসিক WebSocket সার্ভার তৈরি করা Node.js

একটি চ্যাট অ্যাপ্লিকেশন একটি ইন্টারেক্টিভ এবং আকর্ষক ব্যবহারকারীর অভিজ্ঞতা তৈরি করতে কীভাবে ব্যবহার real-time করতে হয় তার একটি চমৎকার উদাহরণ । এই নিবন্ধে, আমরা কীভাবে এবং ব্যবহার করে একটি চ্যাট অ্যাপ্লিকেশন তৈরি করতে হয় তা অন্বেষণ করব । WebSocket Node.js real-time WebSocket Node.js

ধাপ 1: পরিবেশ সেট আপ করা

Node.js প্রথমত, আপনি আপনার কম্পিউটারে ইনস্টল করেছেন তা নিশ্চিত করুন । Terminal আপনার প্রকল্পের জন্য একটি নতুন ফোল্ডার তৈরি করুন এবং বা ব্যবহার করে এটিতে নেভিগেট করুন Command Prompt ।

ধাপ 2: WebSocket লাইব্রেরি ইনস্টল করা

আগের মতো, লাইব্রেরি ইনস্টল করতে "ws" লাইব্রেরি ব্যবহার করুন WebSocket:

npm install ws

ধাপ 3: WebSocket সার্ভার তৈরি করা

নামে একটি ফাইল তৈরি করুন server.js  এবং নিম্নলিখিত কোডটি লিখুন:

// Import the WebSocket library  
const WebSocket = require('ws');  
  
// Create a WebSocket server  
const server = new WebSocket.Server({ port: 8080 });  
  
// List of connections(clients)  
const clients = new Set();  
  
// Handle new connections  
server.on('connection',(socket) => {  
    console.log('Client connected.');  
  
    // Add connection to the list  
    clients.add(socket);  
  
    // Handle incoming messages from the client  
    socket.on('message',(message) => {  
        // Send the message to all other connections  
        for(const client of clients) {  
            if(client !== socket) {  
                client.send(message);  
            }  
        }  
    });  
  
    // Handle connection close  
    socket.on('close',() => {  
        console.log('Client disconnected.');  
        // Remove the connection from the list  
        clients.delete(socket);  
    });  
});

ধাপ 4: ইউজার ইন্টারফেস তৈরি করা(ক্লায়েন্ট)

নামে একটি ফাইল তৈরি করুন index.html এবং নিম্নলিখিত কোডটি লিখুন:

<!DOCTYPE html>  
<html>  
<head>  
    <title>Real-Time Chat</title>  
</head>  
<body>  
    <input type="text" id="message" placeholder="Type a message">  
    <button onclick="send()">Send</button>  
    <div id="chat"></div>  
      
    <script>  
        const socket = new WebSocket('ws://localhost:8080');  
        socket.onmessage =(event) => {  
            const chat = document.getElementById('chat');  
            chat.innerHTML += '<p>' + event.data + '</p>';  
        };  
  
        function send() {  
            const messageInput = document.getElementById('message');  
            const message = messageInput.value;  
            socket.send(message);  
            messageInput.value = '';  
        }  
    </script>  
</body>  
</html>

ধাপ 5: সার্ভার চালানো এবং ব্রাউজার খোলা

Terminal সার্ভার শুরু করতে নিম্নলিখিত কমান্ডটি চালান WebSocket:

node server.js

একটি ওয়েব ব্রাউজার খুলুন এবং চ্যাট অ্যাপ্লিকেশন ব্যবহার করতে " http://localhost:8080 " এ নেভিগেট করুন৷ real-time

 

উপসংহার

অভিনন্দন! আপনি সফলভাবে এবং real-time ব্যবহার করে একটি চ্যাট অ্যাপ্লিকেশন তৈরি করেছেন । এই অ্যাপ্লিকেশন ব্যবহারকারীদের ইন্টারঅ্যাক্ট করতে এবং বার্তা পাঠাতে/গ্রহণ করতে দেয় ৷ আপনি বিভিন্ন উত্তেজনাপূর্ণ বৈশিষ্ট্য তৈরি করতে এই অ্যাপ্লিকেশনটি প্রসারিত এবং কাস্টমাইজ করা চালিয়ে যেতে পারেন! WebSocket Node.js real-time