كيفية إرسال إشعارات الدفع عبر الويب باستخدام Firebase (FCM)؟

نشرت: 2021-12-29

لتسهيل خدمات الإشعارات على الويب و IOS و Android ، يستخدم Firebase الخدمات السحابية. تعمل Firebase Cloud Messaging (FCM) من خلال إنشاء رموز مميزة فريدة لكل جهاز ثم استخدام تلك الرموز فيما بعد لإرسال الرسائل إلى الأجهزة المعنية. لإرسال إشعارات الدفع عبر الويب ، يُنشئ Firebase رموزًا مميزة باستخدام جافا سكريبت.

في هذه المدونة ، ستتعرف على كل شيء عن كيفية تنفيذ إشعارات الدفع على الويب Firebase .

ما هي المراسلة السحابية Firebase؟

ما هو Firebase-Cloud-Messaging

Firebase Cloud Messaging هي خدمة مجانية لإشعارات الهاتف المحمول من Google. يتيح لمطوري تطبيقات الجهات الخارجية إرسال إشعارات إلى مستخدميهم من خوادم Google Cloud Messaging (GCM). يمكّنك هذا من إعلام المستخدمين بمختلف البيانات المتاحة للمزامنة في الوقت الفعلي.

إنه ينقل الرسائل من تطبيقات المستخدمين إلى خوادم FCM والرسائل النهائية من خوادم FCM إلى تطبيقات المستخدمين و. يمكنك استخدام FCM للتفاعل مع المستخدمين والاحتفاظ بهم وإعادة استهدافهم بغض النظر عن مكان وجودهم في العالم.

ما هي فوائد إرسال إشعارات الدفع عبر الويب باستخدام Firebase؟

فيما يلي فوائد إرسال إشعارات الويب من Firebase .

  • البدء مجانًا: لست بحاجة إلى الدفع لشركة Google مقابل الاستفادة من FCM خدمة إعلام الدفع. علاوة على ذلك ، من السهل القياس.  
  • لا تقلق بشأن الأذونات: نظرًا لأن مكتبات FCM تستخدم دمج البيان ، فإنها تضيف تلقائيًا أي إذن مطلوب. هذا يقلل من مقدار الجهد الذي تحتاج إلى القيام به.
  • التسجيل المبسط: يُشار إلى العنوان الذي يستخدمه FCM لتسليم الرسالة إلى جهاز باسم "رمز التسجيل المميز". أصبحت هذه العملية الآن غير متزامنة. يتم تلقائيًا تعيين رمز مميز لمكتبة Google نيابة عنك. لذلك ، عندما تطلب رمزًا مميزًا ، يتم إرسال رمز تسجيل مميز. لبدء المراسلة ، تحتاج فقط إلى إرسال هذا الرمز المميز إلى خوادمك.
  • سهولة التنفيذ: تطبيق FCM سريع وسهل. نظرًا لأن واجهات برمجة التطبيقات البديهية متوفرة في SDK واحد ، يمكنك معالجة مشكلات العملاء على الفور دون إنشاء بنية تحتية معقدة.
  • التحليلات: تحصل على تحليلات غير محدودة مجانًا من Firebase. تحصل على بيانات قيّمة حول استخدام المستخدمين للتطبيقات ونقرات الإعلانات والمزيد. تعمل ميزات Firebase الأخرى بشكل جيد مع Firebase Analytics. لذا ، يمكنك العمل على كل شيء.
  • دعم عبر الأنظمة الأساسية: نظرًا لأن واجهات برمجة التطبيقات متوفرة في SDK واحد لـ C ++ و JavaScript و Android و iOS ، يمكنك توسيعه ليشمل أنظمة أساسية مختلفة دون تغيير البنية التحتية الخاصة بك.
  • رسائل الموضوع الشائعة: عندما تريد إعلام المستخدمين المهتمين بموضوع معين ، ما عليك سوى نشر رسالتك إلى FCM. ستقوم FCM بتسليمها لجميع المستخدمين الذين اشتركوا في هذا الموضوع. أفضل شيء هو أنه لا يوجد لديه أي حدود على رسائل الموضوع.
  • رسائل مواضيع مختلفة: تتيح FCM أيضًا تقسيم العملاء لإرسال رسائل ذات صلة إليهم. على سبيل المثال ، إذا كنت ترسل إشعارات متعلقة بالمرور إلى المستخدمين ، فسيتلقى المستخدمون في المدينة "أ" رسائل مرور تتعلق بمدينتهم فقط ، وسيتلقى المستخدمون في المدينة "ب" رسائل مرورية تتعلق بمدينتهم وحدها.

كيف ترسل إشعارات الويب باستخدام Firebase؟

فيما يلي إرشادات خطوة بخطوة لمساعدتك في تنفيذ إشعارات الويب المدفوعة Firebase .

1. تسجيل تطبيق Firebase

تسجيل-تطبيق Firebase
  1. قم بزيارة هذا الرابط https://console.firebase.google.com/u/0/ واضغط على علامة التبويب "إضافة مشروع".
  2. أعط اسم المشروع واختر الدولة. ثم اضغط على علامة التبويب "إنشاء مشروع". ستتحقق Google من اسم المشروع لمعرفة مدى توفره وتفرده.
  3. انقر الآن على علامة التبويب "قبول الشروط والأحكام" للمتابعة. سيتم بناء مشروعك في الداخل
  4. بضع ثوان.
  5. أضف الآن تطبيق Android / IOS / Web / Unity إلى مشروعك. نظرًا لأن هذه المدونة تركز على إشعارات الدفع على الويب Firebase ، فأنت بحاجة إلى المتابعة بالنقر فوق رمز الويب الظاهر على النحو التالي </>.
  6. امنح تطبيقك لقبًا. هذا اللقب للمستخدمين وحدهم. لذلك ، يمكنك استخدام هذه الميزة لتسهيل التمييز بشكل أفضل بين التطبيقات في المشروع للاستخدام الداخلي.
  7. إذا كان مشروعك لا يعمل على خادم HTTPS ، فأضف استضافة له. إذا لم يكن كذلك ، تخطي هذه الخطوة.
  8. انقر الآن على "تسجيل التطبيق".  
  9. الآن بعد أن تم تسجيل تطبيقك ، ستتلقى Firebase SDK ، وهو رمز. نسخ هذا الرمز

تحت. سوف يدخل حيز الاستخدام في القسم القادم. في حالة عدم نسخ هذا الآن ، يمكنك استرداده من قسم "الإعدادات".

2. أضف Firebase إلى مشروعك

أضف Firebase إلى مشروعك
  1. اذهب إلى لوحة القيادة. في الشريط الجانبي ، ستجد رمز "الإعدادات". انقر عليه. في القائمة المعروضة ، انقر فوق إعدادات المشروع.
  2. عندما تفتح صفحة الإعدادات (الإعدادات العامة) ، قم بالتمرير لأسفل إلى أسفل الصفحة وانسخ الرمز المعروض لشبكة CDN المحددة.
  3. قم بتضمين الكود التالي في ملف HTML الخاص بك في النهاية. قم أيضًا بتضمين نص CDN لرسائل Firebase.

<script src = “https://www.gstatic.com/firebasejs/8.3.2/firebase-app.js” > </script>

<script src = “https://www.gstatic.com/firebasejs/8.3.2/firebase-analytics.js” > </script>

3. تشغيل خدمة Firebase

1. بالنسبة للرمز المذكور في الجزء العلوي ، أضف الرمز الوارد في الأسفل ، بعد المكان الذي تجد فيه // Initialize Firebase.

// تهيئة Firebase

firebase.initializeApp (firebaseConfig) ؛ المراسلة الفورية = firebase.messaging () ؛ // وظيفة مخصصة لتشغيل خدمة Firebase

  getStartToken () ، // هذا الرمز يتلقى رسالة من الخادم / التطبيق الخاص بك ويطبع رسالة لوحدة التحكم إذا تم فتح علامة التبويب نفسها اعتبارًا من المشروع في المتصفح

messaging.onMessage (الوظيفة (الحمولة) {console.log (“onMessage”، payload)؛})؛

2. يمكنك كتابة الكود في الجزء السفلي في ملف js منفصل موجود في صفحة HTML الخاصة بك أو يمكنك إلحاقه بالكود الموجود في الجزء العلوي في علامة <script>.

messaging.getToken () هي وظيفة تُستخدم لاسترداد الرموز المميزة باستخدام Firebase SDK. إذا تم العثور على رمز مميز ، فسيتم إرساله إلى الخادم ليتم تخزينه ، وإلا يتم الحصول على إذن المستخدم عبر وظيفة RequestPermission ().

setTokenSentToServer () هي وظيفة أخرى تستخدم التخزين المحلي لتعيين 1 كقيمة لـ sendTokenToServer في حالة إرسال الرمز المميز إلى الخادم بالفعل و 0 في حالة عدم إرسال الرمز المميز إلى الخادم بسبب حدوث خطأ عند إرساله إلى الخادم أو يتم استرداده من Firebase SDK.

4. إرسال إخطارات من المشروع

إرسال رسالة من المشروع

الآن بعد أن أصبح كل ما تحتاجه لإرسال إشعارات من المشروع جاهزًا ، إليك تفاصيل حول كيفية إرسال إشعار إلى المستخدم النهائي الذي تعرف رمزه المميز-

1. في البداية ، تحتاج إلى استلام مفتاح الخدمة. قم بتنفيذ الخطوات التالية-

  • افتح وحدة تحكم Firebase
  • انقر فوق إعدادات المشروع
  • اضغط على "Cloud Messaging"
  • ستجد رمزًا في حقل مفتاح الخادم. انسخه.

2. إرسال الإخطارات

دعنا نستخدم منصة ساعي البريد لإرسال إشعارات الويب من Firebase . إليك الأشياء التي عليك القيام بها هي-

3. قم بتعيين نوع طلب POST.

4. أدخل عنوان URL: https://fcm.googleapis.com/fcm/send

5. انقر فوق قسم الرؤوس.

تحتاج إلى ملء رأسين ، أي ، إذن ونوع المحتوى.

التفويض: الصق مفتاح الخادم الذي نسخته.

نوع المحتوى: تطبيق / JSON (JavaScript Object Notation)

6. الآن انقر فوق فتح قسم الجسم. الصق رمز المستخدم الذي استرده Firebase في وقت تسجيل المستخدم.

7. الآن إرسال الطلب. ستتمكن من إرسال إشعارات فورية إلى المستخدمين من الخادم.

لاحظ أنه عند إرسالك أول إشعار دفع إلى مستخدم ، سيطلب متصفح الويب إذنه لتلقي إشعارات منك. فقط إذا منح الإذن ، فستتمكن باستمرار من إرسال الدفعات. يمكنك التأكد من أن المستخدم الخاص بك يمنح إذنه من خلال اتباع إرشادات دفع الإخطارات الخاصة بنا.

الخلاصة لقد فهمت الآن أن إرسال إشعارات الويب باستخدام Firebase ليس بالأمر الصعب كما يبدو. لا يتطلب الكثير من الموارد ولا يستغرق الكثير من الوقت. الى جانب ذلك ، باستخدام إشعارات الدفع على الويب لا يؤثر Firebase على نفقات صيانة موقع الويب أو تطبيق الويب. إذا كنت لا تزال بحاجة إلى مزيد من التفاصيل حول وظائفه ، فانتقل إلى وثائق Firebase.

قم بجولة في المنتج

اقرأ أيضا:

  • 7 عوامل مبالغ فيها لإخطارات الدفع عبر الويب
  • إخطارات دفع الويب | أساليب التسويق المباشر عبر البريد الإلكتروني
  • 41 إحصائيات إشعارات دفع الويب التي يحتاج المسوقون إلى معرفتها
  • أفضل 15 برنامجًا وأدوات لإشعارات الدفع في عام 2022 {مقارنة}
  • ما مدى فعالية إشعارات الدفع عبر الويب مقارنة بوسائل التسويق الأخرى؟