Delete files not longer needed
This commit is contained in:
@@ -1,28 +0,0 @@
|
||||
'use strict';
|
||||
|
||||
self.addEventListener('push', function(event) {
|
||||
console.log('Received push');
|
||||
let notificationTitle = 'Hello';
|
||||
const notificationOptions = {
|
||||
body: 'Thanks for sending this push msg.',
|
||||
icon: './images/logo-192x192.png',
|
||||
badge: './images/badge-72x72.png',
|
||||
tag: 'simple-push-demo-notification',
|
||||
data: {
|
||||
url: 'https://developers.google.com/web/fundamentals/getting-started/push-notifications/',
|
||||
},
|
||||
};
|
||||
|
||||
if (event.data) {
|
||||
const dataText = event.data.text();
|
||||
notificationTitle = 'Received Payload';
|
||||
notificationOptions.body = `Push data: '${dataText}'`;
|
||||
}
|
||||
|
||||
event.waitUntil(
|
||||
Promise.all([
|
||||
self.registration.showNotification(
|
||||
notificationTitle, notificationOptions),
|
||||
])
|
||||
);
|
||||
});
|
||||
@@ -1,121 +0,0 @@
|
||||
/**
|
||||
* Step one: run a function on load (or whenever is appropriate for you)
|
||||
* Function run on load sets up the service worker if it is supported in the
|
||||
* browser. Requires a serviceworker in a `sw.js`. This file contains what will
|
||||
* happen when we receive a push notification.
|
||||
* If you are using webpack, see the section below.
|
||||
*/
|
||||
$(function () {
|
||||
if ('serviceWorker' in navigator) {
|
||||
navigator.serviceWorker.register('/service-worker.js').then(initialiseState);
|
||||
} else {
|
||||
console.warn('Service workers are not supported in this browser.');
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* Step two: The serviceworker is registered (started) in the browser. Now we
|
||||
* need to check if push messages and notifications are supported in the browser
|
||||
*/
|
||||
function initialiseState() {
|
||||
|
||||
// Check if desktop notifications are supported
|
||||
if (!('showNotification' in ServiceWorkerRegistration.prototype)) {
|
||||
console.warn('Notifications aren\'t supported.');
|
||||
return;
|
||||
}
|
||||
|
||||
// Check if user has disabled notifications
|
||||
// If a user has manually disabled notifications in his/her browser for
|
||||
// your page previously, they will need to MANUALLY go in and turn the
|
||||
// permission back on. In this statement you could show some UI element
|
||||
// telling the user how to do so.
|
||||
if (Notification.permission === 'denied') {
|
||||
console.warn('The user has blocked notifications.');
|
||||
return;
|
||||
}
|
||||
|
||||
// Check is push API is supported
|
||||
if (!('PushManager' in window)) {
|
||||
console.warn('Push messaging isn\'t supported.');
|
||||
return;
|
||||
}
|
||||
|
||||
navigator.serviceWorker.ready.then(function (serviceWorkerRegistration) {
|
||||
|
||||
// Get the push notification subscription object
|
||||
serviceWorkerRegistration.pushManager.getSubscription().then(function (subscription) {
|
||||
|
||||
// If this is the user's first visit we need to set up
|
||||
// a subscription to push notifications
|
||||
if (!subscription) {
|
||||
subscribe();
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
// Update the server state with the new subscription
|
||||
sendSubscriptionToServer(subscription);
|
||||
})
|
||||
.catch(function(err) {
|
||||
// Handle the error - show a notification in the GUI
|
||||
console.warn('Error during getSubscription()', err);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Step three: Create a subscription. Contact the third party push server (for
|
||||
* example mozilla's push server) and generate a unique subscription for the
|
||||
* current browser.
|
||||
*/
|
||||
function subscribe() {
|
||||
navigator.serviceWorker.ready.then(function (serviceWorkerRegistration) {
|
||||
|
||||
// Contact the third party push server. Which one is contacted by
|
||||
// pushManager is configured internally in the browser, so we don't
|
||||
// need to worry about browser differences here.
|
||||
//
|
||||
// When .subscribe() is invoked, a notification will be shown in the
|
||||
// user's browser, asking the user to accept push notifications from
|
||||
// <yoursite.com>. This is why it is async and requires a catch.
|
||||
serviceWorkerRegistration.pushManager.subscribe({userVisibleOnly: true}).then(function (subscription) {
|
||||
|
||||
// Update the server state with the new subscription
|
||||
return sendSubscriptionToServer(subscription);
|
||||
})
|
||||
.catch(function (e) {
|
||||
if (Notification.permission === 'denied') {
|
||||
console.warn('Permission for Notifications was denied');
|
||||
} else {
|
||||
console.error('Unable to subscribe to push.', e);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Step four: Send the generated subscription object to our server.
|
||||
*/
|
||||
function sendSubscriptionToServer(subscription) {
|
||||
|
||||
// Get public key and user auth from the subscription object
|
||||
var key = subscription.getKey ? subscription.getKey('p256dh') : '';
|
||||
var auth = subscription.getKey ? subscription.getKey('auth') : '';
|
||||
|
||||
// This example uses the new fetch API. This is not supported in all
|
||||
// browsers yet.
|
||||
return fetch('/profile/subscription', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify({
|
||||
endpoint: subscription.endpoint,
|
||||
// Take byte[] and turn it into a base64 encoded string suitable for
|
||||
// POSTing to a server over HTTP
|
||||
key: key ? btoa(String.fromCharCode.apply(null, new Uint8Array(key))) : '',
|
||||
auth: auth ? btoa(String.fromCharCode.apply(null, new Uint8Array(auth))) : ''
|
||||
})
|
||||
});
|
||||
}
|
||||
Reference in New Issue
Block a user