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

Код для отображения уведомлений на рабочем столе находится в vanilla JS и не требует какой-либо внешней библиотеки или зависимости. Единственное, что для этого требуется, — это работающий сервер вместе с IP-адресом с HTTPS в начале. (т.е. он должен быть защищен HTTPS. Например:- https://www.google.com/). Чтобы немного упростить требования, код можно просто развернуть на любом сайте развертывания, таком как Github, Heroku, Firebase, GCP и т. д. Все эти механизмы развертывания всегда предоставляют безопасную ссылку HTTPS при развертывании.

Теперь мы создаем простой файл JS (здесь файл HTML с приведенным ниже кодом внутри тега ‹script› или встроенный JS) и кодируем нашу функцию уведомления. Прогулка по коду: -

· В первой строке кода представлена ​​функция, содержащая константу типа Notification.

· Этот тип уведомления содержит две основные вещи: заголовок ("Новое сообщение...") и тело уведомления. Это тело содержит описание, которое вы хотите дать в качестве уведомления, и изображение, которое отображается рядом с описанием.

· Следующая конструкция if используется для получения разрешения от пользователя, например, чтобы разрешить нашему приложению отправлять уведомления на рабочий стол пользователя.

· Теперь, если разрешение предоставлено, вызывается функция showNotification и уведомление с заголовком, телом и изображением показывается пользователю внизу справа.

· Если пользователь отказывает в разрешении, код еще раз запросит разрешение и проверит, дал ли пользователь свое согласие на то же самое или нет.

Теперь нам просто нужно развернуть код в службе или запустить код на сервере, дающем нам ссылку HTTPS, и мы получим приглашение с запросом разрешения, а затем мы получим уведомление тела, которое мы сделали выше. Пользователь должен в обязательном порядке разрешить веб-сайту показывать уведомления. Кроме того, функция showNotification может быть вызвана в любом месте кода, и, следовательно, мы можем использовать это push-уведомление при любом нажатии кнопки или любом другом взаимодействии и т. д. Для простоты понимания полный код файла с уведомление выглядит следующим образом: -

Хотя существует множество внешних API и много других интерактивных способов показа push-уведомлений пользователю, но это основной способ и простой ванильный JS, и, следовательно, он может помочь тем или иным образом.

Спасибо.