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

القراء مثلك يساعدون في دعم MUO. عند إجراء عملية شراء باستخدام الروابط الموجودة على موقعنا ، فقد نربح عمولة تابعة. اقرأ أكثر.

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

في حالة تطبيقات الويب ، يلتقط المتصفح هذه الإخطارات في البداية ثم يعيد توجيهها إلى التطبيق المقابل.

اجعل فيديو اليوم قم بالتمرير للمتابعة مع المحتوى

قم بإعداد مشروع Firebase

اتبع الخطوات أدناه لبدء مشروع Firebase وإعداده:

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

تكوين خدمة Firebase Cloud Messaging (FCM)

بمجرد تسجيل تطبيقك على Firebase ، فإن الخطوة التالية هي تكوين خدمة Firebase Cloud Messaging (FCM).

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

قم بإعداد تطبيق React

أولاً، إنشاء تطبيق React . بمجرد التثبيت ، امض قدمًا وقم بتثبيت فايربيس و رد فعل-نخب ساخن الحزم التي ستستخدمها لتنفيذ إشعارات الدفع في تطبيق React.

كيف يمكنك معرفة ما إذا قام شخص ما بحظرك على سناب شات

 npm install firebase react-hot-toast