13

We're developing a website which sends push notifications to end users using GCM. We've gone through Service Worker and all. We have developed a prototype using this codelab tutorial. It is working so far, but the only issue is the notifications are displayed only when Chrome is opened. When Chrome is closed, the notifications don't reach the users.

I want to know is there any way we can overcome this and display the notifications even when the browser is closed, similar to Safari Push Notification. Thanks in advance!

Miguel Garcia
  • 1,029
  • 5
  • 14
Sivaprasanna Sethuraman
  • 4,014
  • 5
  • 31
  • 60

3 Answers3

16

If you have a "background" permission in manifest.json, your background page will be able to show notifications even when Chrome window is closed. 

"permissions": [
    "background"
],

As stated in the documentation:

When any installed hosted app, packaged app, or extension has "background" permission, Chrome runs (invisibly) as soon as the user logs into their computer—before the user launches Chrome. The "background" permission also makes Chrome continue running (even after its last window is closed) until the user explicitly quits Chrome.

You need to use the "background" permission with a background page, event page or a background window for hosted apps.

For web, use Push API for Chrome and other browsers. The advantage of using push messages is that even if your page is closed, your service worker will be woken up and be able to show a notification. Web Sockets and EventSource have their connection closed when the page or browser is closed so it's not recommended. Here is the documentation and example.

wOxxOm
  • 65,848
  • 11
  • 132
  • 136
abielita
  • 13,147
  • 2
  • 17
  • 59
1

In Chrome. Only those users that happen to have an extension installed that requires background mode, like hangouts, will be able to receive push notifications when chrome is not "running". It does not seem like a good idea to rely on it.

The chrome team seems to be considering it for web push too but so far there is no ETA.

https://code.google.com/p/chromium/issues/detail?id=402456

Miguel Garcia
  • 1,029
  • 5
  • 14
-1

Showing notification when the browser or tab is closed requires the service worker and a third party service (like google firebase)to trigger the service worker.

https://github.com/web-push-libs/ - Check these list of libraries to implement this in different platforms.

https://github.com/rijoshrc/php-service-worker-push-notification - Clone this git repository to see the simple implementation in PHP.

Rijosh
  • 1,538
  • 1
  • 8
  • 11