Firestore realtime listeners when your web app is in the background

Question

the code below adds a listener to a firestore collection and sends a push notification when the web app is in the foreground. Is it possible to do the same in the background, perhaps, via service worker? I tried to import the firebase module to the service worker but I did not succeed

db.collection("favorites").onSnapshot(function(snapshot) {
        var response =snapshot.docChanges();
        response.forEach(function(change) {
                if (change.type === "added") {
                    var bodyPaint="New favorites: ";
                }
                if (change.type === "modified") {
                    var bodyPaint="Modified favorites: "; 
                }
                if (change.type === "removed") {
                    var bodyPaint="Removed favorites: ";
                }

            navigator.serviceWorker.ready.then(function(registration) {
                const title = 'LA BUENOS AIRES';
                const options = {
                  body: bodyPaint,
                  icon: 'images/icon.png',
                  badge: 'images/badge.png'
                };
                registration.showNotification(title, options);
              });
        });
});

abraham · Accepted Answer · 2018-08-01 19:40:31Z

3

A service worker cannot maintain a persistent connection to a server like that.

You can run a Cloud Function trigger that listens for the changes and when something needs a notification to the user, you can send a push notification.

answered Aug 1, 2018 at 19:40

abraham

48.2k10 gold badges108 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Matías Cappato Over a year ago

thanks for the links Abraham, me imaginaba que tendría que hacerlo con firebase functions

Collectives™ on Stack Overflow

Firestore realtime listeners when your web app is in the background

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related