كيفية إرسال إعلامات إلى تطبيق الويب الخاص بك باستخدام Python

الصورة من قبل داريا نيبريخينا على Unsplash

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

تقدمية تطبيقات الويب

تطبيقات الويب المتقدمة (PWAs) هي تطبيقات JavaScript تعمل في المستعرض. يبذلون جهدًا لإحضار بعض ميزات التطبيق الأصلي على الويب. من السهل تطوير PWAs إذا كان لديك معرفة أساسية بتنسيق HTML و CSS وبوجه خاص JavaScript. علاوة على ذلك ، إذا كانت خدمتك متاحة بالفعل لأجهزة سطح المكتب على موقع الويب ، فمن السهل إضافة وظائف تطبيق الويب ، بدلاً من تطوير تطبيق جوال أصلي.

إشعارات

تعمل الإخطارات على إبقاء المستخدمين على اطلاع بالرسائل الجديدة وإخبارهم عن منشور مدونة جديد وما إلى ذلك.

ترسل العديد من التطبيقات المحلية إعلامات الدفع إلى المستخدم. ولكن هذا ممكن أيضًا باستخدام PWAs و API Notifications.

الصورة عن طريق جيمي ستريت في أونسبلاش

OneSignal

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

إعداد OneSignal

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

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

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

هام: لا تشاركك مفتاح API REST. اجعلها خاصة!

هذا كل شيء لإعداد OneSignal. كان ذلك سهلا!

إعداد موقعنا

في الجزء التالي ، سنضيف وظيفة الإشعار إلى موقعنا. سيتعين على موقع الويب انتظار الإشعارات المرسلة بواسطة OneSignal وعرضها على المستخدم.

لإعلام المستعرض أنك تقوم بإنشاء تطبيق ويب تقدمي ، سنقوم بإضافة ملف يسمى manifest.json إلى جذر مشروعنا.

{
  "الاسم": "طلبي" ،
  "اسم قصير": "تطبيق" ،
  "start_url": "." ،
  "عرض": "مستقل" ،
  "background_color": "#fff" ،
  "الوصف": "نرسل إليك إعلامات" ،
  "gcm_sender_id": "482941778795" ،
  "gcm_sender_id_comment": "لا تقم بتغيير معرف مرسل GCM"
}

تصف الأزواج الستة الأولى ذات القيمة الرئيسية مظهر التطبيق. gcm_send_id مهم لإرسال الإشعارات. إذا كنت تريد معرفة المزيد عن manifest.json ، يمكنك إلقاء نظرة على وثائق Mozilla.

لا يبحث متصفحك تلقائيًا عن البيان. يجب عليك وضع المسار في كل مستند HTML في علامة .

<رئيس>
    ...
    
    ...

بالإضافة إلى ذلك ، نحتاج إلى بعض رموز JavaScript لتوصيل موقعنا الإلكتروني بـ OneSignal.

يمكنك وضع رمز ذلك في علامة البرنامج النصي في الجزء . لا تنسَ استبدال معرف التطبيق الخاص بي بمعرف تطبيق OneSignal الخاص بك.

<رئيس>