Как отправить уведомления в ваше веб-приложение с помощью Python

Автор оригинала: FreeCodeCapm Team.

Лукас Хильд

Нативные приложения в последнее время стали чрезвычайно популярными, в основном из-за таких функций, как работающие в автономные линии, переходы, простота распределения и, конечно, Push-уведомления. Но, к сожалению, вам нужно хорошее знание языков, таких как Java или Swift, чтобы создать ценное нативное приложение.

Прогрессивные веб-приложения

Прогрессивные веб-приложения (PWAS) являются приложениями JavaScript, которые работают в браузере. Они прилагают усилия, чтобы принести некоторые собственные функции приложений в Интернет. PWA легко развиваться, если у вас есть фундаментальные знания HTML, CSS и в частности JavaScript. Кроме того, если ваш сервис уже доступен для настольных устройств на веб-сайте, легче добавлять функциональные возможности веб-приложения, вместо того, чтобы разработать собственное мобильное приложение.

Уведомления

Уведомления Держите пользователю сообщили о новых сообщениях, расскажите им о новом посте в блоге и так далее.

Многие нативные приложения отправляют Push-уведомления пользователю. Но это также возможно, используя PWA и API уведомлений.

Озецignignal.

В этом руководстве мы будем использовать Оживление Чтобы отправить уведомления в наше веб-приложение. Onesingignal – это мощный инструмент, который обеспечивает простой интерфейс для толкания уведомлений. Они также предоставляют API для отдыха, которые мы будем использовать для отправки уведомлений.

Настройка onseignalal

Для отправки Push-уведомлений вам нужно сначала настроить один из них. Там нужен аккаунт на одновременном языке. Перейти к Их сайт и нажмите «Войти» в правом верхнем углу.

Далее вам придется создать приложение. Дайте ему имя и выберите «Настройка платформы». Здесь вы выбираете «Все браузеры». После этого вы выбираете «Custom Code» в качестве интеграции. Тогда вы должны предоставить некоторую информацию о вашем сайте.

В области настроек вашего приложения есть вкладка «Ключи и идентификаторы». Скопируйте оба ключа на позже.

ВАЖНО: НЕ ДЕРЖИТЕ КЛЮЧАТЬ ВАМ ОТДЫХ API. Держите его в частном порядке!

Это это для настройки сияния. Это было просто!

Настройте свой сайт

В следующей части мы будем добавлять функциональность уведомлений на наш веб-сайт. На сайте придется дождаться уведомлений, отправленных by zebsignignal и отображать их пользователю.

Чтобы браузер знал, что вы создаете прогрессивное веб-приложение, мы добавим файл под названием манифест .json к корню нашего проекта.

{  "name": "My Application",  "short_name": "Application",  "start_url": ".",  "display": "standalone",  "background_color" : "#fff" ,  "description": "We send notifications to you",  "gcm_sender_id": "482941778795",  "gcm_sender_id_comment": "Do not change the GCM Sender ID"}

Первые шесть клавишных пар описывают появление приложения. gcm_send_id важно для отправки уведомлений. Если вы хотите узнать больше о манифест .json Вы можете посмотреть в Mozilla Documentation Отказ

Ваш браузер не будет автоматически искать манифест. Вы должны поставить путь к нему в каждом документе HTML в & lt; h е Ad> Тег.

    ...        ...

Кроме того, нам нужен код JavaScript для подключения нашего веб-сайта к Onesineignal.

Вы можете поставить код для этого в тег скрипта в & lt; h е AD> Часть. Не забудьте повторно Поместите мой- ID приложения с вашим собственным идентификатором приложения Onezysignal.