Updated Service Worker JS and Added Node Server

Updated the service worker JS. Issue with how I typed the cache links. Forgot to put a "./" before the asset name. Should work now.
This commit is contained in:
2018-11-13 13:12:57 -05:00
parent c16e2f763d
commit 82291517d2
83 changed files with 965 additions and 41 deletions

83
sw.js
View File

@@ -1,17 +1,17 @@
const filesToCache = [
'/',
'css/appstyling-v2.css',
'css/main.css',
'js/Weight Calculation Script-Edited-Jquery-V4.js',
'images/45lbs-Plate.svg',
'images/35lbs-Plate.svg',
'images/25lbs-Plate.svg',
'images/10lbs-Plate.svg',
'images/5lbs-Plate.svg',
'images/2halflbs-Plate.svg',
'images/favicon-16x16.png',
'images/favicon-32x32.png',
'index.html',
'./',
'./css/appstyling-v2.css',
'./css/main.css',
'./js/Weight Calculation Script-Edited-Jquery-V4.js',
'./images/45lbs-Plate.svg',
'./images/35lbs-Plate.svg',
'./images/25lbs-Plate.svg',
'./images/10lbs-Plate.svg',
'./images/5lbs-Plate.svg',
'./images/2halflbs-Plate.svg',
'./images/favicon-16x16.png',
'./images/favicon-32x32.png',
'./index.html'
];
const staticCacheName = 'pages-cache-v1';
@@ -26,33 +26,6 @@ self.addEventListener('install', event => {
);
});
self.addEventListener('fetch', event => {
console.log('Fetch event for ', event.request.url);
event.respondWith(
caches.match(event.request)
.then(response => {
if (response) {
console.log('Found ', event.request.url, ' in cache');
return response;
}
console.log('Network request for ', event.request.url);
return fetch(event.request)
.then(response => {
// TODO 5 - Respond with custom 404 page
return caches.open(staticCacheName).then(cache => {
cache.put(event.request.url, response.clone());
return response;
});
});
}).catch(error => {
// TODO 6 - Respond with custom offline page
})
);
});
self.addEventListener('activate', event => {
console.log('Activating new service worker...');
@@ -69,4 +42,32 @@ self.addEventListener('activate', event => {
);
})
);
});
});
self.addEventListener('fetch', event => {
console.log('Fetch event for ', event.request.url);
event.respondWith(
caches.match(event.request)
.then(response => {
if (response) {
console.log('Found ', event.request.url, ' in cache');
return response;
}
console.log('Network request for ', event.request.url);
return fetch(event.request)
.then(response => {
if (response.status === 404) {
return caches.match('index.html');
}
return caches.open(staticCacheName)
.then(cache => {
cache.put(event.request.url, response.clone());
return response;
});
});
}).catch(error => {
console.log('Error, ', error);
return caches.match('index.html');
})
);
});