Підписка на WebPush повідомлення у браузерах, персоналізована розсилка

Необхідно реалізувати підписку і надсилання push повідомлень користувачам погодного сайту. Зберігання токену і додаткової інформації локально в базі даних. JS + PHP + MySQL

Робота в браузерах:

Chrome (+Chromium, Yandex Browser), Firefox, Safari, Opera, Android WebView

В завданні можливі зміни після консультації з виконавцем з приводу можливості реалізації деяких пунктів.

Фронтенд частина. Кнопка підписки на повідомлення, при натисканні на неї відкривається діалогове вікно з підпискою. При успішній підписці відбувається передача токена і додаткової інформації про користувача на сервер в БД.

Додаткова інформація в БД: адреса сайту, змінна міста, дата підписки (DATE в UTC), можливо додаткові необхідні параметри (браузер, адреса api, ОС).

В коді сторінки змінна міста виглядатиме наступним чином: 

const city_url = “погода-Київ”;. 

Врахувати можливість потрапляння апострофу в назву.

У фронтендній частині повинна бути можливості вільної відписки. Якщо користувач вже підписаний, йому має показуватися кнопка відписки. При натисканні запис з токеном передається в таблицю неактивних токенів. 

Реалізації зручної повторної підписки і підписка одним токеном на декілька міст (приклад я хочу підписатися на оновлення погоди в Києві та у Львові і так же легко щоб міг би відписатися від одного з них)

Перевірка чи є у браузері можливість отримувати push повідомлення. Якщо така можливість відсутня, завантажувати код не потрібно

Об’єм фронтендної частини не повинен перевищувати 200кб. Бажано без використання зайвих важких сторонніх бібліотек.

Бекенд частина. PHP + mysql. Форма з можливістю відправки повідомлення по всім токенам і по вибірці конкретного міста. Відправка повинна враховувати браузер користувача і направляти повідомлення на потрібне API браузера. 

В бекенді має бути реалізоване:

• додавання токена в таблицю БД

• вилучення і переміщення токена в таблицю неактивних (вилучення по вибірці токен-місто)

• можливість додавання декількох міст на 1 токен (при існуючій активній підписці не потрібно додатково відкривати діалогове вікно push повідомлень, токен має передаватися при натисканні кнопки)

• можливість відписки (також без відкриття вікна push повідомлень)

• форма відправки повідомлень всім користувачам

• форма відправки повідомлень по певному критерію (сайт, місто)