4

我目前正在学习服务工作者，特别是订阅用户推送通知。我已经完成了Web 推送通知 指南和将推送通知添加到 Google 发布的 Web 应用程序 代码实验室- 但我看到了两种不同的方式来请求用户的许可。

该指南要求像这样Notification使用Notifications API 的接口，然后根据以下返回值调用：subscribe().requestPermission()

function askPermission() {
  return new Promise(function(resolve, reject) {
    const permissionResult = Notification.requestPermission(function(result) {
      resolve(result);
    });

    if (permissionResult) {
      permissionResult.then(resolve, reject);
    }
  })
  .then(function(permissionResult) {
    if (permissionResult !== 'granted') {
      throw new Error('We weren\'t granted permission.');
    }
  });
}

代码实验室只通过.subscribe()直接在服务工作者注册上调用（这将显示通知提示）来询问，PushManager 如下所示：

function subscribeUser() {
  const applicationServerKey = urlB64ToUint8Array(applicationServerPublicKey);
  swRegistration.pushManager.subscribe({
    userVisibleOnly: true,
    applicationServerKey: applicationServerKey
  })
  .then(function(subscription) {
    console.log('User is subscribed.');

    updateSubscriptionOnServer(subscription);

    isSubscribed = true;

    updateBtn();
  })
  .catch(function(err) {
    console.log('Failed to subscribe the user: ', err);
    updateBtn();
  });
}

我已经查看了 mozilla 文档PushManager.subscribe()，Notification.requestPermission()但我正在努力确定每个 Google 流程的权衡，特别是额外的步骤是否Notification.requestPermission(..)是必要的。

值得注意的是，.subscribe()当前标记为实验性功能，.requestPermission()而没有。

4

1 回答 1

3

与大多数时候我最终在 Stack Overflow 上发帖一样，我通过重新查看所有内容找到了答案。事实上，我上面引用的指南直接回答了这个问题：

调用 subscribe() 有一个副作用。如果您的 Web 应用程序在调用 subscribe() 时没有显示通知的权限，浏览器将为您请求权限。如果您的 UI 使用此流程，这很有用，但如果您想要更多控制（我认为大多数开发人员会），请坚持使用我们之前使用的 Notification.requestPermission() API。

于 2017-10-03T18:56:50.570 回答