How are universal push notifications implemented for a website?

A

Alexander Arbuzov2018-01-09 16:30:14

Push technologies

Alexander Arbuzov, 2018-01-09 16:30:14

Explain in a simple way whether it is possible to set up Push universal notifications for the site. The information is somewhat scattered and nifiga is not specific.
I need to implement a standard mechanism when a user enters the site, receives a subscription request, and then either receives or does not receive notifications.
It is necessary that notifications come to safari, and to chrome, and to opera, and on android, and on iphone.
Is there any universal solution? So far I have found a solution through firebase.google.com, but there, as I understand it, it will work with chrome and firefox, and safari and ios are already in question. IE is also not clear whether it will work or not.
Third-party services are also not covered by macOS and iOS. Someone works through double confirmation, which is also not good.
In general, is there a normal cross-browser solution?

Reply

Answer the question

In order to leave comments, you need to log in

5 answer(s)

G

Gennick's Macleo, 2018-01-09
@arbuzzz

On wordpress, I do through onesignal.com. I like.

B

Boris Korobkov, 2018-01-09
@BorisKorobkov

Notifications when tab is active (where your site is loaded): socket + https://www.w3.org/TR/notifications/
Notifications even without your site loading: https://www.w3.org/TR/push-api/
HTML5 standard. How much more versatile?
Take the example from my links with "Hello word" and replace the text with your own.

D

Daria Motorina, 2018-01-12
@glaphire

You can view this book https://web-push-book.gauntface.com. Each browser has automatic interaction with the push server, no need to specifically bind to firebase, in chrome it is already tied. PHP has a ready-made package https://github.com/Minishlink/web-push-php-example, app.js and serviceWorker.js can be copied and pasted for yourself and then modified. Other languages have a similar package.
UPD. Because web push api is still unstable and only modern browsers support it, no need to chase 100% stability and cross-platform

P

Philipp, 2018-01-10
@zoonman

There is a good Russian project https://pushall.ru/

M

Maxim Timofeev, 2018-01-10
@webinar

https://www.jqueryscript.net/other/jQuery-Plugin-F...
https://habrahabr.ru/post/321924/