Google 致力于为黑人社区推动种族平等。查看具体举措

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

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

এফসিএম এসডিকে কেবল এইচটিটিপিএস-এ দেওয়া পৃষ্ঠাগুলিতেই সমর্থিত is এটি কেবলমাত্র এইচটিটিপিএস সাইটে উপলব্ধ পরিষেবা কর্মীদের ব্যবহারের কারণে। আপনার যদি কোনও সরবরাহকারীর প্রয়োজন হয় তবে ফায়ারবেস হোস্টিং আপনার নিজের ডোমেনে নিখরচায় এইচটিটিপিএস হোস্টিংয়ের জন্য প্রস্তাবিত।

এফসিএম জাভাস্ক্রিপ্ট এপিআই দিয়ে শুরু করার জন্য, আপনাকে ফায়ারবেস আপনার ওয়েব অ্যাপে যুক্ত করতে হবে এবং নিবন্ধকরণ টোকেন অ্যাক্সেস করার জন্য যুক্তি যুক্ত করতে হবে।

আপনার জাভাস্ক্রিপ্ট প্রকল্পে ফায়ারবেস যুক্ত করুন

আপনি যদি ইতিমধ্যে না থাকেন তবে আপনার জাভাস্ক্রিপ্ট প্রকল্পে ফায়ারবেস যুক্ত করুন

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

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

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

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

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

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

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

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

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

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

ওয়েব ভি 8

const messaging = firebase.messaging();

ওয়েব ভি 9

import { getMessaging } from "firebase/messaging";

const messaging = getMessaging();

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

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

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

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

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

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

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

ওয়েব ভি 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);
  // ...
});

ওয়েব ভি 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);
  // ...
});

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

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

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