onopen, onmessage, onerror, এবং onclose ইভেন্ট হ্যান্ডলার

Web Sockets API বেসিক - ওয়েব সকেট (Web Sockets) - Web Development

298

Web Sockets প্রোটোকল ক্লায়েন্ট এবং সার্ভারের মধ্যে রিয়েল-টাইম যোগাযোগের জন্য ব্যবহৃত হয়, এবং এর মধ্যে কয়েকটি গুরুত্বপূর্ণ ইভেন্ট হ্যান্ডলার থাকে, যেগুলোর মাধ্যমে আপনি কানেকশন সম্পর্কিত বিভিন্ন কার্যকলাপ পরিচালনা করতে পারেন। এই ইভেন্ট হ্যান্ডলারগুলি হলো onopen, onmessage, onerror, এবং onclose। এগুলি আপনাকে কানেকশন স্থাপন, ডেটা গ্রহণ, ত্রুটি হ্যান্ডলিং, এবং কানেকশন বন্ধের সময় ব্যবস্থা নিতে সাহায্য করে।


onopen ইভেন্ট হ্যান্ডলার

onopen ইভেন্টটি তখন ট্রিগার হয় যখন Web Socket কানেকশন সফলভাবে খুলে যায়। অর্থাৎ, যখন ক্লায়েন্ট এবং সার্ভারের মধ্যে Web Socket কানেকশন স্থাপন হয়ে যায়, তখন এই ইভেন্টটি ঘটে।

উদাহরণ:

const socket = new WebSocket('ws://example.com/socket');

// কানেকশন সফল হলে এই ফাংশনটি চালু হবে
socket.onopen = function(event) {
    console.log("WebSocket connection established", event);
};
  • ব্যবহার: onopen হ্যান্ডলারটি সাধারণত সেই জায়গায় ব্যবহার করা হয় যেখানে আপনি ওয়েবসাইট বা অ্যাপ্লিকেশনে ডেটা আদান-প্রদান শুরু করার জন্য প্রস্তুত।
  • প্রতিক্রিয়া: আপনি এখানে ফাংশনালিটি যোগ করতে পারেন, যেমন ডেটা পাঠানো বা ইউজার ইন্টারফেস আপডেট করা, যখন কানেকশন সফলভাবে স্থাপন হয়।

onmessage ইভেন্ট হ্যান্ডলার

onmessage ইভেন্টটি তখন ট্রিগার হয় যখন সার্ভার থেকে কোনো ডেটা ক্লায়েন্টে পাঠানো হয়। এটি Web Socket কানেকশনের মাধ্যমে প্রাপ্ত বার্তা বা ডেটা গ্রহণ করার জন্য ব্যবহৃত হয়।

উদাহরণ:

const socket = new WebSocket('ws://example.com/socket');

// সার্ভার থেকে ডেটা আসলে এই ফাংশনটি চালু হবে
socket.onmessage = function(event) {
    console.log("Received message: ", event.data);
};
  • ব্যবহার: onmessage হ্যান্ডলারটি সাধারণত ডেটা প্রক্রিয়াকরণ বা UI আপডেটের জন্য ব্যবহৃত হয়, যেমন চ্যাট মেসেজ প্রাপ্তি বা গেম স্টেট পরিবর্তন।
  • ডেটা ফরম্যাট: event.data মাধ্যমে প্রাপ্ত ডেটা সাধারণত টেক্সট বা বাইনারি ফরম্যাটে হতে পারে।

onerror ইভেন্ট হ্যান্ডলার

onerror ইভেন্টটি তখন ট্রিগার হয় যখন Web Socket কানেকশনের সময় কোনো ত্রুটি (error) ঘটে। এটি Web Socket কানেকশনের ত্রুটি হ্যান্ডলিংয়ের জন্য ব্যবহৃত হয়।

উদাহরণ:

const socket = new WebSocket('ws://example.com/socket');

// ত্রুটি ঘটলে এই ফাংশনটি চালু হবে
socket.onerror = function(event) {
    console.log("WebSocket error: ", event);
};
  • ব্যবহার: onerror হ্যান্ডলারটি ত্রুটির কারণ বিশ্লেষণ এবং ইউজারকে ত্রুটি সম্পর্কিত বার্তা দেখানোর জন্য ব্যবহৃত হয়। এই ইভেন্টে ত্রুটির বিস্তারিত তথ্য পাওয়ার মাধ্যমে আপনি প্রয়োজনীয় ব্যবস্থা নিতে পারেন, যেমন কানেকশন পুনরুদ্ধার বা ইউজারকে জানানো।

onclose ইভেন্ট হ্যান্ডলার

onclose ইভেন্টটি তখন ট্রিগার হয় যখন Web Socket কানেকশন বন্ধ হয়ে যায়। এটি ক্লায়েন্ট বা সার্ভার যে কোনো পক্ষ থেকে কানেকশন বন্ধ করার পর ট্রিগার হয়।

উদাহরণ:

const socket = new WebSocket('ws://example.com/socket');

// কানেকশন বন্ধ হলে এই ফাংশনটি চালু হবে
socket.onclose = function(event) {
    console.log("WebSocket connection closed", event);
};
  • ব্যবহার: onclose হ্যান্ডলারটি কানেকশন বন্ধ হওয়ার পর প্রয়োজনীয় ক্লিনআপ বা রিসোর্স মুক্ত করার জন্য ব্যবহার করা হয়। এটি ইউজারকে জানানো, পুনরায় কানেকশন চেষ্টা করা, বা অন্য কোনো কার্যক্রম পরিচালনা করতে সহায়তা করে।

সারাংশ

  • onopen: Web Socket কানেকশন সফলভাবে স্থাপিত হলে এটি ট্রিগার হয়। এখানে আপনি কানেকশন সফল হলে ডেটা পাঠানো বা অন্যান্য কার্যক্রম শুরু করতে পারেন।
  • onmessage: সার্ভার থেকে ডেটা প্রাপ্তির পর এটি ট্রিগার হয়। এটি ডেটা গ্রহণ এবং প্রক্রিয়াকরণের জন্য ব্যবহৃত হয়।
  • onerror: কানেকশনের সময় ত্রুটি ঘটলে এটি ট্রিগার হয়। এটি ত্রুটি হ্যান্ডলিং এবং সমস্যার সমাধান করার জন্য ব্যবহৃত হয়।
  • onclose: Web Socket কানেকশন বন্ধ হওয়ার পর এটি ট্রিগার হয়। এটি সাধারণত ক্লিনআপ এবং পুনরায় কানেকশনের জন্য ব্যবহৃত হয়।

এই ইভেন্ট হ্যান্ডলারগুলো Web Sockets এর মাধ্যমে যোগাযোগকে আরও কার্যকরী এবং নির্ভরযোগ্য করে তোলে, কারণ এগুলো আপনাকে প্রতিটি পর্যায়ে প্রয়োজনীয় ব্যবস্থা নিতে সহায়তা করে।

Content added By
Promotion

Are you sure to start over?

Loading...