CODEWITHSUNDEEP
webnotificationsweb-pushpush-api
Thomas Quiroga
Thomas Quiroga

Reputation: 43

What technologies behind Web Push?

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?

Upvotes: 1

Views: 476

Answers (2)

Mat
Mat

Reputation: 6715

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.

Upvotes: 5

Frédéric Mahé
Frédéric Mahé

Reputation: 27

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>

Upvotes: 0

Related Questions