للبدء باستخدام FCM، يمكنك إنشاء أبسط حالة استخدام: إرسال رسالة إشعار إلى مستخدم معيّن عندما يكون التطبيق في الخلفية على الجهاز. تعرض هذه الصفحة جميع الخطوات اللازمة لتحقيق ذلك، بدءًا من الإعداد إلى التحقّق، وقد تتضمّن الخطوات التي سبق لك إكمالها إذا سبق لك إعداد تطبيق JavaScript لـ FCM.
إعداد حزمة تطوير البرامج (SDK)
أضِف Firebase إلى مشروع JavaScript، إذا لم يسبق لك إجراء ذلك.
الوصول إلى الرمز المميّز للتسجيل
عندما تحتاج إلى استرداد الرمز المميّز الحالي للتسجيل مثيل تطبيق، عليك أولاً
طلب أذونات الإشعارات من المستخدم باستخدام Notification.requestPermission()
.
عند الاستدعاء على النحو الموضّح، يعرض هذا الرمز المميّز في حال منح الإذن أو رفض الوعد
في حال الرفض:
function requestPermission() { console.log('Requesting permission...'); Notification.requestPermission().then((permission) => { if (permission === 'granted') { console.log('Notification permission granted.');
يتطلّب FCM ملف firebase-messaging-sw.js
.
إذا لم يكن لديك ملف firebase-messaging-sw.js
، أنشئ ملفًا فارغًا
بهذا الاسم وضعه في جذر نطاقك قبل استرداد رمز مميّز.
يمكنك إضافة محتوى ذي مغزى إلى الملف لاحقًا في عملية إعداد العميل.
لاسترداد الرمز المميّز الحالي:
Web
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); // ... });
Web
// 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); // ... });
بعد الحصول على الرمز المميّز، أرسِله إلى خادم تطبيقك وخزِّنه باستخدام الطريقة المفضّلة لديك.
إرسال رسالة إشعار اختباري
ثبِّت التطبيق وشغِّله على الجهاز المستهدَف. على أجهزة Apple، عليك قبول طلب الإذن لتلقّي إشعارات عن بُعد.
تأكَّد من أنّ التطبيق قيد التشغيل في الخلفية على الجهاز.
في وحدة تحكّم Firebase، افتح صفحة "الرسائل".
إذا كانت هذه هي رسالتك الأولى، اختَر إنشاء حملتك الأولى.
- اختَر رسائل إشعارات Firebase ثمّ إنشاء.
بخلاف ذلك، في علامة التبويب الحملات، اختَر حملة جديدة ثم الإشعارات.
أدخِل نص الرسالة. وجميع الحقول الأخرى اختيارية.
اختَر إرسال رسالة اختبارية من اللوحة اليمنى.
في الحقل إضافة رمز مميّز لتسجيل خدمة إدارة الموافقة (FCM)، أدخِل رمز تسجيل الذي حصلت عليه في قسم سابق من هذا الدليل.
انقر على اختبار.
بعد اختيار اختبار، من المفترض أن يتلقّى جهاز العميل المستهدَف (الذي يعمل التطبيق عليه في الخلفية) الإشعار.
الخطوات التالية
إرسال الرسائل إلى التطبيقات التي تعمل في المقدّمة
بعد إرسال رسائل الإشعارات بنجاح عندما يكون تطبيقك في الخلفية، اطّلِع على مقالة تلقّي الرسائل في برنامج JavaScript لبدء الإرسال إلى التطبيقات التي تعمل في المقدّمة.
الاستفادة من ميزات إضافية في الإشعارات
للاستفادة من ميزات أكثر من رسائل الإشعارات وإضافة سلوك آخر أكثر تقدمًا إلى تطبيقك، يُرجى الاطّلاع على: