Как изменить тело ответа перед кэшированием внутри сервисного работника? - PullRequest
Новая
       37

Как изменить тело ответа перед кэшированием внутри сервисного работника?

0 голосов
/ 02 октября 2019

Я думал, что это будет довольно просто, но я изо всех сил пытаюсь успешно отправить ответ, а затем изменить свой клонированный ответ, который хранится в кэше внутри моего сервисного работника.

В конечном итоге я хочу добавить кешированные данные со временем и датой получения. Я использую своего сервисного работника, чтобы сначала получить эти данные из сети и, если они недоступны, вернуться в кеш.

Это код моего работника службы 

        event.respondWith(
            fetch(event.request)
            .then(function(e) {

                console.log('response', e)
                var responseToCache = e.clone();

                responseToCache.json().then(function(data) {
                    var today = new Date();
                    var date = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate();
                    var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
                    data.cached = { date: date, time: time }
                    return data
                })

                // var init = {
                //     status: response.status,
                //     statusText: response.statusText,
                //     headers: { 'X-Foo': 'My Custom Header' }
                // };

                // response.headers.forEach(function(v, k) {
                //     init.headers[k] = v;
                // });

                // var responseToCache = response.text().then(function(body) {
                //     var today = new Date();
                //     var date = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate();
                //     var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
                //     var bodyObj = JSON.parse(body)

                //     bodyObj.cached = { date: date, time: time }
                //     body = JSON.stringify(bodyObj)

                //     return new Response(body, init);
                // });

                caches.open(CACHE_NAME)
                    .then(function(cache) {
                        cache.put(requestURL, responseToCache);
                    });

                return e
            })
            .catch(function() {
                console.log('data offline')
                return caches.match(requestURL);
            })
        );
...