Notification in Closed tab

Question

I have a code that sends a message to a user who is subscribed to notifications But if the tab with the site is closed, these notifications do not work, how can I make these notifications work even if the tab is closed?

notiSet(event) {

            function notifyMe() {
                function notifySend() {
                    let notification = new Notification (
                        "New post in site Name",
                        {
                            tag : "ache-mail",
                            body : "Lorem ipsum" + e,
                            icon : "http://localhost:3000/favicon.ico"
                        }
                    )
                }
                let e = 0
                setInterval( function () {
                    notifySend()
                    e++
                }, 1000)
            }
            if (process.client) {
                if (!("Notification" in window)) {
                    alert("Go to chrome or Mozilla")
                } else if (Notification.permission === "granted") {
                    setTimeout(notifyMe, 2000)
                } else if (Notification.permission !== "denied") {
                    Notification.requestPermission( function (permission) {
                        if (!("permission" in Notification)) {
                            Notification.permission = permission
                        }
                        if (permission === "granted") {
                            setTimeout(notifyMe, 2000)
                        }
                    })
                }
            }
        }

score 0 · Answer 1 · answered Sep 08 '22 at 11:37

0

You need to create serviceWorker to be able to send notification if tab is closed. See this doc.

and check if this answer help you.

answered Sep 08 '22 at 11:37

Amit Kumar

620
4
17

Didn't understand In the documentation you gave me there is such an example navigator.serviceWorker.register('sw.js'); Do I need to create this file? – Сергей Гончарь-Лысенко Sep 08 '22 at 11:56
yes, you need to have a service worker for this to work. – Amit Kumar Sep 08 '22 at 12:01
I have Nuxt project added this sw.js file to static folder but browser returned error Failed to register a ServiceWorker for scope – Сергей Гончарь-Лысенко Sep 08 '22 at 12:16
I am not very proficient with service worker. Even if i were, i would need to know where and how you are registering your service worker, as well as the exact error. Please update your question so that someone can help you accordingly! – Amit Kumar Sep 08 '22 at 13:16
I registered sw.js and put the notification code there – Сергей Гончарь-Лысенко Sep 08 '22 at 16:45
But i have error Failed to construct 'Notification': Illegal constructor. – Сергей Гончарь-Лысенко Sep 08 '22 at 16:45

Notification in Closed tab

1 Answers1