Service Worker Setup for Notifications

Install the service worker on your website

You will need to use a service worker on your website to use this feature. Copy-paste the line below, inside your service worker code loaded with the root scope.

// Copy-paste the below line inside your service worker code loaded with the root scope

// CartApp Service Worker install
importScripts("https://adyen12-api.azurewebsites.net/service-worker.js?v=" + new Date().getTime())

This code should be dumped into your root service worker file in e.g wwwroot/service-worker.js

How to setup service workers (if not already done)

Your page can only be controlled by one service worker at a time. But it can have two service workers installed at once. Learn more

This assumes you have dumped your root service worker file to wwwroot/service-worker.js. Run this snippet of code with your website's javascript. The window.addEventListener("load", function () { code delay loads the service worker to ensure no performance metrics are affected. This can be removed for quicker initialisation.

<!-- CartApp Service Worker Integration -->
<script>
    if ("serviceWorker" in navigator) {
        window.addEventListener("load", function () {
            navigator.serviceWorker.register("/service-worker.js").then(function (registration) {
                // Registration was successful
                console.log("ServiceWorker registration successful with scope: ", registration.scope);

                //return navigator.serviceWorker.ready;
            }, function (err) {
                // registration failed :(
                console.log("ServiceWorker registration failed: ", err);
            });
        });
    }
</script>
<!-- End CartApp Service Worker Integration -->

This will only work on modern browsers like chrome, firefox and safari. The "serviceWorker" in navigator conditional will ensure no exceptions are thrown.