1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
|
// Copyright (C) 2022 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
const publicVapidKey =
"BNO4fIv439RpvbReeABNlDNiiBD2Maykn7EVnwsPseH7-P5hjnzZLEfnejXVP7Zt6MFoKqKeHm4nV9BHvbgoRPg";
async function setup(delay)
{
console.log('>> register service worker...');
const register = await navigator.serviceWorker.register('/worker.js', { scope : '/' });
console.log('>> service worker registered...');
console.log('>> subscribe push subscription to FCM');
var subscription = await register.pushManager.subscribe(
{ userVisibleOnly : true, applicationServerKey : publicVapidKey });
console.log('>> subscription created...');
console.log('>> subscribe to push service...');
await fetch('/subscribe', {
method : 'POST',
body : JSON.stringify(subscription),
headers : { 'content-type' : 'application/json', 'ping-time' : delay }
});
console.log('>> push subscription created...')
}
async function clear()
{
const register = await navigator.serviceWorker.getRegistration();
var subscription = await register.pushManager.getSubscription();
console.log('>> unsubscribe to push service...');
await fetch('/unsubscribe', {
method : 'POST',
body : JSON.stringify(subscription),
headers : { 'content-type' : 'application/json' }
});
console.log('>> push unsubscription removed...')
console.log('>> unsubscribe push subscription to FCM');
await subscription.unsubscribe();
console.log('>> subscription removed...');
}
function displaySetup(delay = null)
{
const pingSetup = document.getElementById('ping-setup');
const pingClear = document.getElementById('ping-clear');
const pingText = document.getElementById('ping-text');
if (delay) {
pingClear.style.display = 'block';
pingSetup.style.display = 'none';
pingText.innerHTML = 'Ping Me Every ' + delay + ' seconds';
} else {
pingClear.style.display = 'none';
pingSetup.style.display = 'block';
pingText.innerHTML = "";
}
}
function handleSetupPing(event)
{
event.preventDefault();
const seconds = document.forms[0].seconds.value;
document.forms[0].reset();
// check for service worker support
if ('serviceWorker' in navigator) {
setup(seconds).catch(err => console.error(err));
}
displaySetup(seconds);
};
function handleClearPing(event)
{
event.preventDefault();
clear();
displaySetup();
};
document.forms[0].addEventListener('submit', handleSetupPing);
const clearButton = document.getElementById('ping-clear-button');
clearButton.addEventListener('click', handleClearPing);
|
