ক্লায়েন্ট-সাইড স্ক্রিপ্ট যোগ করা

Web Sockets ক্লায়েন্ট-সাইড স্ক্রিপ্টিং এর মাধ্যমে আপনার ওয়েব পেজে রিয়েল-টাইম ডেটা আদান-প্রদান সক্ষম করা হয়। এটি সাধারণত JavaScript ব্যবহার করে সম্পন্ন করা হয়। Web Socket কানেকশন স্থাপন করতে, ডেটা পাঠাতে, এবং গ্রহণ করতে কিছু সহজ স্ক্রিপ্টিং করা প্রয়োজন হয়।

Web Sockets ব্যবহার শুরু করার জন্য JavaScript কোড

Web Sockets কানেকশন তৈরি করার জন্য JavaScript এর WebSocket API ব্যবহার করা হয়। নিচে একটি সাধারণ উদাহরণ দেওয়া হলো যা ক্লায়েন্ট-সাইডে Web Socket কানেকশন স্থাপন, ডেটা পাঠানো এবং গ্রহণ করার প্রক্রিয়া দেখায়।

১. Web Socket কানেকশন তৈরি করা

ক্লায়েন্ট সাইডে Web Socket কানেকশন তৈরি করার জন্য, new WebSocket() কনস্ট্রাক্টর ব্যবহার করতে হয়। এর মধ্যে সার্ভারের URL প্রদান করতে হবে, যা ws:// বা নিরাপদ wss:// প্রোটোকল ব্যবহার করবে।

// WebSocket কানেকশন তৈরি করা
const socket = new WebSocket('ws://example.com/socketserver');

এখানে ws://example.com/socketserver হচ্ছে Web Socket সার্ভারের URL। নিরাপদ কানেকশনের জন্য এটি wss:// হতে পারে।

২. কানেকশন খোলার সময় হ্যান্ডলার

কানেকশন সফলভাবে স্থাপন হলে, open ইভেন্টটি ট্রিগার হয়। এই ইভেন্টটি হ্যান্ডেল করার জন্য নিচের মতো একটি ফাংশন তৈরি করা যেতে পারে:

// কানেকশন সফল হলে
socket.onopen = function(event) {
    console.log("WebSocket is open now.");
    // এখানে আপনি ডেটা পাঠাতে পারেন
    socket.send("Hello, Server!");
};

এখানে socket.onopen ইভেন্ট হ্যান্ডলার Web Socket কানেকশন সফল হলে রান হবে এবং আপনি Web Socket সার্ভারে ডেটা পাঠাতে পারবেন।

৩. ডেটা গ্রহণ করা

ক্লায়েন্ট সাইডে যখন সার্ভার থেকে ডেটা আসবে, তখন message ইভেন্টটি ট্রিগার হবে। এই ইভেন্টে ডেটা গ্রহণ করার জন্য একটি হ্যান্ডলার তৈরি করা হয়।

// সার্ভার থেকে ডেটা গ্রহণ করা
socket.onmessage = function(event) {
    console.log("Message from server: ", event.data);
};

এখানে event.data এর মাধ্যমে সার্ভার থেকে পাওয়া বার্তা অ্যাক্সেস করা হয়। এটি সাধারণত স্ট্রিং বা JSON ফরম্যাটে হতে পারে।

৪. কানেকশন বন্ধ করার জন্য হ্যান্ডলার

যদি ক্লায়েন্ট বা সার্ভার কানেকশন বন্ধ করতে চায়, তখন close ইভেন্ট ট্রিগার হয়। আপনি এটি হ্যান্ডেল করতে পারেন:

// কানেকশন বন্ধ হলে
socket.onclose = function(event) {
    console.log("WebSocket is closed now.");
};

এখানে onclose ইভেন্ট হ্যান্ডলার কাজ করবে যখন Web Socket কানেকশন বন্ধ হয়ে যাবে।

৫. ত্রুটি হ্যান্ডলিং

Web Socket কানেকশনের সাথে কোনো সমস্যা বা ত্রুটি ঘটলে error ইভেন্টটি ট্রিগার হয়। এটি হ্যান্ডেল করার জন্য নিচের মতো একটি ফাংশন ব্যবহার করতে পারেন:

// ত্রুটি হলে
socket.onerror = function(error) {
    console.log("WebSocket Error: ", error);
};

এই ফাংশনটি Web Socket কানেকশনে কোনো ত্রুটি হলে চালু হবে এবং ত্রুটির তথ্য প্রদান করবে।

৬. ডেটা পাঠানো

একবার কানেকশন স্থাপন হলে, আপনি Web Socket এর send() মেথড ব্যবহার করে ডেটা পাঠাতে পারেন। এটি সাধারণত টেক্সট বা বাইনারি ডেটা হতে পারে।

// ডেটা পাঠানো
socket.send("Hello, Server! This is client-side.");

এটি সার্ভারে একটি বার্তা পাঠাবে। আপনি JSON ডেটাও পাঠাতে পারেন যদি প্রয়োজন হয়।

// JSON ডেটা পাঠানো
const message = {
    type: "chat",
    content: "Hello from client!"
};
socket.send(JSON.stringify(message));

৭. ক্লায়েন্ট সাইডে Web Sockets বন্ধ করা

ক্লায়েন্ট যদি Web Socket কানেকশন বন্ধ করতে চায়, তাহলে close() মেথড ব্যবহার করতে হবে।

// কানেকশন বন্ধ করা
socket.close();

এটি Web Socket কানেকশন বন্ধ করে দেবে।

সারাংশ

Web Sockets এর মাধ্যমে ক্লায়েন্ট-সাইড স্ক্রিপ্টিং করা সহজ এবং কার্যকরী। JavaScript এর WebSocket API ব্যবহার করে আপনি Web Socket কানেকশন তৈরি করতে পারেন, ডেটা পাঠাতে এবং গ্রহণ করতে পারেন, এবং বিভিন্ন ইভেন্ট যেমন onopen, onmessage, onclose, এবং onerror হ্যান্ডেল করতে পারেন। এটি রিয়েল-টাইম অ্যাপ্লিকেশন তৈরি করার জন্য অত্যন্ত কার্যকরী, যেমন চ্যাট, লাইভ স্ট্রিমিং, এবং গেমিং অ্যাপ্লিকেশনগুলিতে ব্যবহৃত হয়।