Comments (2)
After some research , I have find out an one possible way to achieve this use case.
After push event triggered, using service worker clients API, I will find out number of open clients in the same origin and post message to all the clients.
Below is the code snippet need to add inside push event in the service worker.
clients.matchAll({
type: 'window',
includeUncontrolled: true
})
.then(function(windowClients)
{
windowClients.forEach(function(windowClient){
windowClient.postMessage({
message: 'Received a push message.'+event.data.text(),
time: new Date().toString()
});
});
});
And add a service worker listener.
navigator.serviceWorker.addEventListener('message', function(event) {
console.log('Received a message from service worker: ', event.data);
});
from simple-push-demo.
This is the wrong repo for this kind of question, but I did write up some info here: https://web-push-book.gauntface.com/chapter-05/04-common-notification-patterns/#message-a-page-from-a-push-event
from simple-push-demo.
Related Issues (20)
- backend HOT 1
- add a LICENSE if you want
- doesn't work on my phone (Samsung a5 on android 7 with chrome 61.0.3163.98) HOT 2
- ReferenceError: Can't find variable: PushManager
- Ios safari is not opening the prompt box. HOT 2
- Pushing twice causes crash on Chrome android
- Unable to Register SW HOT 10
- .git folder is MASSIVE HOT 2
- service-worker.js without third party? HOT 2
- Library / minimal example / documentation HOT 5
- Not working on mobile phones HOT 2
- Push to killed Android Chrome isn't received HOT 1
- Not working with Node 10 ? HOT 1
- Simple push notification fails on Samsung Galaxy S10 HOT 1
- gulp dev does not work anymore, how can I use this client? HOT 2
- don't work in firefox HOT 1
- Is the code in the master branch outdated? HOT 11
- Rename project from simple-push-demo to web-push-demo HOT 1
- Switch to sending ArrayBuffer to proxy server HOT 1
- Testing on iOS 16.4 ( Safari, Firefox. Chrome) HOT 9
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from simple-push-demo.