পুশ বিজ্ঞপ্তি এখন ক্রস-ব্রাউজার সমর্থিত

আপনার ব্যবহারকারীদের সময়মত এবং দরকারী বিজ্ঞপ্তি প্রদান.

টমাস স্টেইনার
টমাস স্টেইনার

2016 সালে পুশ এপিআই এবং নোটিফিকেশন এপিআই প্রকাশের মাধ্যমে পুশ বিজ্ঞপ্তিগুলি প্রমিত করা হয়েছিল, যা W3C-এর ওয়েব অ্যাপ্লিকেশন ওয়ার্কিং গ্রুপের অংশ। এই APIগুলি ওয়েব ডেভেলপারদের তাদের ওয়েব অ্যাপ্লিকেশনগুলিতে পুশ বিজ্ঞপ্তিগুলিকে অন্তর্ভুক্ত করার জন্য এবং ব্যবহারকারীদের তাদের ওয়েব ব্রাউজারে বিজ্ঞপ্তিগুলি গ্রহণ এবং ইন্টারঅ্যাক্ট করার জন্য প্রয়োজনীয় কার্যকারিতা প্রদান করে৷ পুশ মেসেজ হল সেই নোটিফিকেশন যা ব্যবহারকারীর ওয়েব ব্রাউজারে একটি ওয়েবসাইট বা অ্যাপ্লিকেশন থেকে পাঠানো হয় যা ব্যবহারকারী পূর্বে বিজ্ঞপ্তি পাঠানোর অনুমতি দিয়েছে। এই বার্তাগুলি ব্যবহারকারীকে নতুন বিষয়বস্তু বা আপডেট সম্পর্কে সতর্ক করতে, আসন্ন ঘটনা বা সময়সীমার কথা মনে করিয়ে দিতে বা অন্যান্য গুরুত্বপূর্ণ তথ্য প্রদান করতে ব্যবহার করা যেতে পারে। পুশ বার্তাগুলি বিশেষভাবে উপযোগী হতে পারে এমন অ্যাপ্লিকেশনগুলির জন্য যেগুলিকে তাদের ব্যবহারকারীদের কাছে সময়মত, প্রাসঙ্গিক তথ্য সরবরাহ করতে হবে, যেমন সংবাদ বা ক্রীড়া অ্যাপ, বা ই-কমার্স ওয়েবসাইটগুলির জন্য যারা বিশেষ অফার বা বিক্রয় সম্পর্কে ব্যবহারকারীদের বিজ্ঞপ্তি পাঠাতে চায়৷

পুশ বিজ্ঞপ্তিগুলির জন্য সাইন আপ করতে, প্রথমে navigator এবং window অবজেক্টগুলিতে serviceWorker এবং PushManager অবজেক্টগুলি পরীক্ষা করে আপনার ব্রাউজার তাদের সমর্থন করে কিনা তা পরীক্ষা করুন৷

যদি পুশ বিজ্ঞপ্তিগুলি সমর্থিত হয়, পরিষেবা কর্মীকে নিবন্ধন করতে এবং পুশ বিজ্ঞপ্তিগুলির জন্য সদস্যতা নিতে async এবং await কীওয়ার্ডগুলি ব্যবহার করুন৷ জাভাস্ক্রিপ্ট ব্যবহার করে আপনি কীভাবে এটি করতে পারেন তার একটি উদাহরণ এখানে দেওয়া হল:

// Check if the browser supports push notifications.
if ("serviceWorker" in navigator && "PushManager" in window) {
  try {
    // Register the service worker.
    const swReg = await navigator.serviceWorker.register("/sw.js");

    // Subscribe for push notifications.
    const pushSubscription = await swReg.pushManager.subscribe({
      userVisibleOnly: true
    });

    // Save the push subscription to the database.
    savePushSubscription(pushSubscription);
  } catch (error) {
    // Handle errors.
    console.error("Error subscribing for push notifications.", error);
  }
} else {
  // Push notifications are not supported by the browser.
  console.error("Push notifications are not supported by the browser.");
}

ব্রাউজার সমর্থন

  • 42
  • 17
  • 44
  • 16

উৎস

আরও পড়া

নতুন ইন্টারঅপারেবল সিরিজের অংশ