Join us for Firebase Summit on November 10, 2021. Tune in to learn how Firebase can help you accelerate app development, release with confidence, and scale with ease. Register

একটি জাভাস্ক্রিপ্ট ফায়ারবেস ক্লাউড মেসেজিং ক্লায়েন্ট অ্যাপ্লিকেশন সেট আপ করুন

FCM জাভাস্ক্রিপ্ট API আপনাকে ব্রাউজারে সমর্থন চলমান ওয়েব অ্যাপ্লিকেশান বিজ্ঞপ্তি বার্তা গ্রহণ করতে দেয় পুশ এপিআই । এই তালিকাভুক্ত ব্রাউজার সংস্করণ অন্তর্ভুক্ত করা হয়েছে সমর্থন ম্যাট্রিক্স পুশ API এর মাধ্যমে এবং Chrome এক্সটেনশান নেই।

FCM SDK শুধুমাত্র HTTPS এর মাধ্যমে পরিবেশন করা পৃষ্ঠাগুলিতে সমর্থিত। এটি পরিষেবা কর্মীদের ব্যবহারের কারণে, যা শুধুমাত্র HTTPS সাইটে পাওয়া যায়। আপনি যদি একটি প্রদানকারী প্রয়োজন হয়, তাহলে Firebase হোস্টিং জন্য বিনামূল্যে HTTPS দ্বারা আপনার নিজের ডোমেনে হোস্টিং বাঞ্ছনীয়।

FCM জাভাস্ক্রিপ্ট API দিয়ে শুরু করার জন্য, আপনাকে আপনার ওয়েব অ্যাপে Firebase যোগ করতে হবে এবং রেজিস্ট্রেশন টোকেন অ্যাক্সেস করতে যুক্তি যুক্ত করতে হবে।

আপনার জাভাস্ক্রিপ্ট প্রকল্পে Firebase যোগ করুন

আপনি ইতিমধ্যে থাকে, তাহলে আপনার জাভাস্ক্রিপ্ট প্রকল্প Firebase যোগ

আপনি বর্তমানে ওয়েবের জন্য FCM ব্যবহার করে এবং SDK এর 6.7.0 বা পরে আপগ্রেড করতে চান হয়, আপনি সক্ষম করতে হবে FCM রেজিস্ট্রেশন এপিআই Google মেঘ কনসোলে আপনার প্রকল্পের জন্য। যখন আপনি API সক্ষম করেন, নিশ্চিত করুন যে আপনি একই Google অ্যাকাউন্টের সাথে ক্লাউড কনসোলে লগ ইন করেছেন যা আপনি ফায়ারবেসের জন্য ব্যবহার করেন এবং সঠিক প্রকল্পটি নির্বাচন করতে ভুলবেন না। এফসিএম এসডিকে যোগ করা নতুন প্রকল্পগুলি ডিফল্টরূপে এই এপিআই সক্ষম করেছে।

FCM দিয়ে ওয়েব ক্রেডেনশিয়াল কনফিগার করুন

FCM ওয়েব ইন্টারফেস সমর্থিত ওয়েব পুশ পরিষেবাগুলিতে অনুরোধ পাঠানোর অনুমোদনের জন্য "স্বেচ্ছাসেবী অ্যাপ্লিকেশন সার্ভার সনাক্তকরণ," বা "VAPID" কী নামে ওয়েব শংসাপত্র ব্যবহার করে। আপনার অ্যাপ্লিকেশন সাবস্ক্রাইব করার জন্য বিজ্ঞপ্তিগুলি পুশ করুন, আপনাকে আপনার Firebase প্রকল্পের সাথে একজোড়া কী সংযুক্ত করতে হবে। আপনি হয় একটি নতুন কী পেয়ার তৈরি করতে পারেন অথবা ফায়ারবেস কনসোলের মাধ্যমে আপনার বিদ্যমান কী পেয়ার আমদানি করতে পারেন।

একটি নতুন কী জোড়া তৈরি করুন

  1. খুলুন ক্লাউড মেসেজিং Firebase কনসোল সেটিংসে ফলকে ট্যাব এবং ওয়েব কনফিগারেশন বিভাগে স্ক্রোল করুন।
  2. ওয়েব পুশ সার্টিফিকেট ট্যাবে, ক্লিক করুন কী জুড়ি নির্মাণ। কনসোল একটি বিজ্ঞপ্তি প্রদর্শন করে যে কী জোড়া তৈরি হয়েছে, এবং পাবলিক কী স্ট্রিং এবং যোগ তারিখ প্রদর্শন করে।

একটি বিদ্যমান কী জোড়া আমদানি করুন

যদি আপনার একটি বিদ্যমান কী পেয়ার থাকে যা আপনি ইতিমধ্যেই আপনার ওয়েব অ্যাপের সাথে ব্যবহার করছেন, তাহলে আপনি এটি FCM- এ আমদানি করতে পারেন যাতে আপনি FCM API- এর মাধ্যমে আপনার বিদ্যমান ওয়েব অ্যাপের দৃষ্টান্তগুলিতে পৌঁছাতে পারেন। কীগুলি আমদানি করতে, আপনার অবশ্যই Firebase প্রকল্পে মালিক-স্তরের অ্যাক্সেস থাকতে হবে। বেস 64 ইউআরএল নিরাপদ এনকোডেড আকারে আপনার বিদ্যমান সর্বজনীন এবং ব্যক্তিগত কী আমদানি করুন:

  1. খুলুন ক্লাউড মেসেজিং Firebase কনসোল সেটিংসে ফলকে ট্যাব এবং ওয়েব কনফিগারেশন বিভাগে স্ক্রোল করুন।
  2. ওয়েব পুশ সার্টিফিকেট ট্যাবে, খুঁজে পেতে এবং লিঙ্ক পাঠ্য নির্বাচন করুন, "একটি বিদ্যমান কী জোড়া আমদানি করুন।"
  3. আমদানি একটি গুরুত্বপূর্ণ যুগল ডায়ালগ সংশ্লিষ্ট ক্ষেত্রের মধ্যে আপনার সর্বজনীন এবং ব্যক্তিগত কী-প্রদান এবং আমদানি ক্লিক করুন। কনসোল পাবলিক কী স্ট্রিং এবং যোগ তারিখ প্রদর্শন করে।

কিভাবে আপনার অ্যাপ্লিকেশানে কী যোগ করতে হয় তার নির্দেশাবলী জন্য, দেখুন আপনার অ্যাপে কনফিগার ওয়েব পরিচয়পত্র । কি বিন্যাস এবং কিভাবে তাদের উৎপন্ন করার পদ্ধতি সম্পর্কে আরো তথ্যের জন্য, দেখুন অ্যাপ্লিকেশন সার্ভার কী

একটি বার্তা বস্তু পুনরুদ্ধার করুন

ওয়েব সংস্করণ 9

import { getMessaging } from "firebase/messaging";

const messaging = getMessaging();

ওয়েব সংস্করণ 8

const messaging = firebase.messaging();

আপনার অ্যাপে ওয়েব শংসাপত্রগুলি কনফিগার করুন

পদ্ধতি getToken(): Promise<string> যখন বিভিন্ন ধাক্কা পরিষেবাগুলিতে বার্তা অনুরোধ পাঠানোর FCM স্বাদহীন কী ক্রেডেনশিয়াল ব্যবহারের অনুমতি দেয়। কী আপনি নির্দেশাবলী অনুযায়ী উত্পন্ন বা আমদানিকৃত ব্যবহার FCM সঙ্গে কনফিগার ওয়েব শংসাপত্রের আপনার কোড এটা যোগ করার পরে মেসেজিং বস্তুর প্রাপ্ত করা হয়:

// Add the public key generated from the console here.
messaging.getToken({vapidKey: "BKagOny0KF_2pCJQ3m....moL0ewzQ8rZu"});

নিবন্ধন টোকেন অ্যাক্সেস করুন

আপনি যখন বর্তমান রেজিস্ট্রেশন একটি অ্যাপ্লিকেশন উদাহরণস্বরূপ টোকেন উদ্ধার করতে হবে, কল getToken । যদি বিজ্ঞপ্তির অনুমতি না দেওয়া হয়, তবে এই পদ্ধতিটি ব্যবহারকারীকে বিজ্ঞপ্তি অনুমতির জন্য জিজ্ঞাসা করবে। অন্যথায়, এটি একটি টোকেন প্রদান করে বা একটি ত্রুটির কারণে প্রতিশ্রুতি প্রত্যাখ্যান করে।

বার্তা পরিষেবা একটি প্রয়োজন firebase-messaging-sw.js ফাইল। যতক্ষণ না আপনি ইতিমধ্যে একটি আছে firebase-messaging-sw.js ফাইল, এই নামের একটি খালি ফাইল তৈরি এবং সম্ভবত আপনার ডোমেনে রুট এটি একটি টোকেন পুনরুদ্ধার করার আগে লিখুন। আপনি ক্লায়েন্ট সেটআপ প্রক্রিয়ার পরে ফাইলে অর্থপূর্ণ সামগ্রী যুক্ত করতে পারেন।

বর্তমান টোকেন পুনরুদ্ধার করতে:

ওয়েব সংস্করণ 9

import { getMessaging, getToken } from "firebase/messaging";

// Get registration token. Initially this makes a network call, once retrieved
// subsequent calls to getToken will return from cache.
const messaging = getMessaging();
getToken(messaging, { vapidKey: '<YOUR_PUBLIC_VAPID_KEY_HERE>' }).then((currentToken) => {
  if (currentToken) {
    // Send the token to your server and update the UI if necessary
    // ...
  } else {
    // Show permission request UI
    console.log('No registration token available. Request permission to generate one.');
    // ...
  }
}).catch((err) => {
  console.log('An error occurred while retrieving token. ', err);
  // ...
});

ওয়েব সংস্করণ 8

// Get registration token. Initially this makes a network call, once retrieved
// subsequent calls to getToken will return from cache.
messaging.getToken({ vapidKey: '<YOUR_PUBLIC_VAPID_KEY_HERE>' }).then((currentToken) => {
  if (currentToken) {
    // Send the token to your server and update the UI if necessary
    // ...
  } else {
    // Show permission request UI
    console.log('No registration token available. Request permission to generate one.');
    // ...
  }
}).catch((err) => {
  console.log('An error occurred while retrieving token. ', err);
  // ...
});

আপনি টোকেন পাওয়ার পরে, এটি আপনার অ্যাপ সার্ভারে পাঠান এবং আপনার পছন্দের পদ্ধতি ব্যবহার করে এটি সংরক্ষণ করুন।

পরবর্তী পদক্ষেপ

আপনি সেটআপ ধাপগুলি সম্পন্ন করার পরে, এখানে FCM ওয়েব (জাভাস্ক্রিপ্ট) এর সাথে এগিয়ে যাওয়ার জন্য কয়েকটি বিকল্প রয়েছে: