Я только что заварил себе чашку горячего чая, когда мне позвонил начальник и сказал добавить функцию push-уведомлений в веб-приложение компании. Я не первый раз слышу о push-уведомлении, но я не знаю, что это такое на самом деле.
Он рассказывает мне, как это реализовать вместе с несколькими ссылками, чтобы узнать об этом.
В стартапе довольно часто приходится чему-то учиться во время создания проекта. Так что это «push-уведомление» ничем не отличается. Не прошло и часа, прогресс есть.
Оно работает! Спасибо за чтение и хорошего дня!
Просто шучу.
Я немного знаю, на самом деле он работает только на краю рабочего стола и в браузере Firefox. В мобильном ничего не показывает.
Я начал пробовать разные ресурсы. Основная цель состоит в том, чтобы иметь возможность отображать уведомление в 3 основных браузерах: Chrome, Edge и Mozilla Firefox. Некоторые работают в Firefox, как для ПК, так и для мобильных устройств, но не работают в Chrome. Некоторые работают на Edge и Firefox, но не на Chrome.
Некоторое гугление сделано, хром на самом деле разрешает работу push-уведомлений только через Service Worker. Service Worker — это скрипт, который работает вместе с браузером и может загружаться, даже когда страница или браузер в данный момент закрыты.
После прочтения всего ресурса единственным источником, который показывает уведомления в этих основных браузерах как на Android, так и на мобильных устройствах, является только эта ссылка.
Генератор уведомлений | Питер.ш
Дело в том, что в этом веб-приложении слишком много функций, чтобы я мог их использовать. Так что, когда мой чай остыл, я попытался максимально урезать код. Через несколько часов работы наконец завершены. При реализации его в приложении для реагирования мне нужно поместить файл sw.js в общую папку, используя режим разработки для его запуска.
Файл фабрики уведомлений используется для регистрации sw.js (сервисного работника) и создания некоторой функции для отображения уведомления.
Вы можете увидеть проект по этой ссылке ниже:
thenabilarta/push-уведомления (github.com)
Окончательный результат:
