Cześć,
Ostatnio zacząłem bawić się ze stronami PWA. Dzisiaj chciałem stworzyć stronę PWA, w której wczytuję JSON'a z url, ale totalnie nie mogę rozgryźć, jak zrobić cache'owanie takiego JSON'a. Nie mam pojęcia w jaki sposób miałbym to zrobić. Czytałem trochę o tym w Internecie i niestety nie udało mi się w dalszym ciągu rozgryźć. Może ktoś z Was próbował robić coś takiego i udało mu się to?
Tutaj mój kod js do wczytania JSON'a z URL:
fetch('https://www.json-generator.com/api/json/get/cfTRolENrC?indent=2')
.then(res => res.json())
.then(data => obj = data)
.then(() =>{
var x = document.getElementById("ad");
console.log(obj);
x.innerHTML = obj[0].name;
});
A tutaj mój sw.js :
self.addEventListener("install", e =>{
e.waitUntil(
caches.open("static").then(cache => {
return cache.addAll(["./","./src/master.css","./images/icon.png"]);
})
);
});
self.addEventListener("fetch", e =>{
e.respondWith(
caches.match(e.request).then(response => {
return response || fetch(e.request);
})
);
});