更新服务中的动态数据-worker.js

Question

我有来自 url 的数组形式的以下数据。

[{"title":"hey hi","body":"hello","url":"https://simple-push-demo.appspot.com/","tag":"new"}]

服务-worker.js 它在 fetch()

中有上面的 url

 'use strict';

console.log('Started', self);
self.addEventListener('install', function(event) {
  self.skipWaiting();
  console.log('Installed new', event);
});
self.addEventListener('activate', function(event) {
  console.log('Activatednew', event);
});

self.addEventListener('push', function(event) {
    try{
  console.log('Push message', event);
  var ev = event;

  //sample
  return fetch("http://localhost/push-notifications-master/app/json.php").then(function(ev,response) {
    response = JSON.parse(JSON.stringify(response));
    return response;
}).then(function(ev,j) {
    // Yay, `j` is a JavaScript object
    console.log("j", j);
 for(var i in j) {
    var _title = j[i].title;
    var _body = j[i].body;
    var _tag = j[i].tag;
     console.log("_body", _body);
    }
    ev.waitUntil(
        self.registration.showNotification("push title", {
      body: _body,
      icon: 'images/icon.png',
      tag: _tag
    }));    
});

return Promise.all(response);

    }
    catch(e){console.log("e", e)}
});

我正在尝试查看来自 console.log("j",j); 中特定 url 的上述数组数据。但它显示未定义。如何在 sw.js 中获取动态数据请指导。

Answer 1

在您的 addEventListener('push' .... 方法中，我认为在解析之前等待响应可能更好。

还有，待查，不过你的php请求应该是https的（我自己没查，但是我的请求是https的）

这里是我的操作方法：

event.waitUntil(
    fetch('YOUR PHP URL').then(function(response) {
        if (response.status !== 200) {
            console.log('Problem. Status Code: ' + response.status);  
            throw new Error();  
        }
        // Examine the text in the response  
        return response.json().then(function(data) { 
            if (data.error || !data.notification) {
                console.error('The API returned an error.', data.error);  
                throw new Error();  
            }
            var title = data.notification[0].title;  
            var body = data.notification[0].body;  
            var icon = data.notification[0].icon;  
            var notificationTag = data.notification[0].tag;
            return self.registration.showNotification(title, {body: body,icon:icon, tag: notificationTag});
        });
    })
);

json :

{"notification" : [{"title":"TITLE","body":"BODY","icon":"URL TO ICON","tag":"TAG"}]}

希望有用。

更新服务中的动态数据-worker.js

Update dynamic data in service-worker.js

fetch

service-worker

fetch-api

chrome-gcm