What technologies behind Web Push?

Question

I was wondering what kind of technologies are behind Web Push, for example https://goroost.com

How is that working? How to configure my server for Web Push? What should I look at?

Push API + Web Push protocol + Service Workers + Notifications API. I also wrote [this article](https://blog.pushpad.xyz/2022/03/web-push-notifications-standard-and-official-documentation/) which contains a simple explanation of each standard and a link to the official documentation. — collimarco, Apr 14 '22 at 12:05

score 5 · Accepted Answer · edited Dec 03 '15 at 13:07

5

The underlying technology is the Push API, combined with the Notifications API

You can read more about how to implement this yourself in Google's developer docs. Note that currently push notifications are only supported in Google Chrome, but Microsoft and Mozilla have said they will be implementing it soon.

edited Dec 03 '15 at 13:07

Miguel Garcia

1,029
5
14

answered Jul 30 '15 at 21:11

Mat

6,694
7
35
39

for me it' only working in chrome. not in Opera. can you please let me know which version of Opera it working?? – Yogendra Aug 20 '15 at 12:04
I don't think Opera works yet. They are working on it. – Miguel Garcia Dec 03 '15 at 12:28
Works in Firefox since v44.0. – Malachi Feb 12 '16 at 17:02
Opera is only supported on Android. – Matt Gaunt Sep 27 '16 at 15:17

Frédéric Mahé · Answer 2 · 2015-11-02T17:36:49.380

I can answer for WonderPush.com

First, you need to sign up on WonderPush and declare your website.

Then, Copy/paste the following snippet before the closing <body> tag:

<script>
(function(w, d, s, id, n){
  w[n] = w[n] || {q: [],
    init: function(o) {w[n].initOpts = o;},
    ready: function(c) {w[n].q.push(c);}};
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "https://cdn.by.wonderpush.com/sdk/1.1/wonderpush-loader.min.js";
  fjs.parentNode.insertBefore(js, fjs);
}(window, document, 'script', 'wonderpush-jssdk-loader','WonderPush'));

WonderPush.init({
  webKey: "[YOUR_WEBKEY]" // sign up for FREE to retrieve your web key
});
</script>

Yes, this is similar to GoRoost. Now my question is what's behind that? What would you look at if you want to implement your own? — Thomas Quiroga, Jul 23 '15 at 10:24

What technologies behind Web Push?

2 Answers2