Safari 配置上的 OneSignal 网络推送通知不起作用答案

【问题标题】：OneSignal web push notification on safari configuration does not workSafari 配置上的 OneSignal 网络推送通知不起作用
【发布时间】：2017-11-01 17:11:38
【问题描述】：

我正在通过阅读their documentation 使用 OneSignal 设置网络推送通知。以下代码块是我的配置示例

<script>
    var OneSignal = window.OneSignal || [];
    OneSignal.push(["init", {
        appId: "my-app-id",
        safari_web_id: 'my-safari-web-id',
        autoRegister: false,
        notifyButton: {
            enable: true /* Set to false to hide */
        },
    }]);
</script>

它适用于 Google Chrome 和 Firefox。但不适用于 safari，当我单击订阅通知按钮时，我收到如下错误

我的配置有什么问题？

我使用 Safari 版本 10.0.1 (12602.2.14.0.7)

【问题讨论】：

我遇到了同样的问题。它可能与此错误有关：openradar.appspot.com/28741942 和此 github 问题：github.com/OneSignal/OneSignal-Website-SDK/issues/126

标签： macos safari onesignal web-push

【解决方案1】：

以下是 Safari 上可能发生这种情况的一些原因。来自https://github.com/OneSignal/OneSignal-Website-SDK/wiki/Safari-Registration-Bug：

按最可能到最不可能排序：

Safari 站点 URL 的来源必须与地址栏中的来源相匹配。即使您的主机文件允许使用别名，您在订阅时也必须使用站点 URL 中列出的实际来源。站点 URL 甚至区分大小写。
safari_web_id 参数必须与应用平台设置中的 Safari Web ID 匹配。确保它没有被另一个值覆盖，或者如果他们使用我们的自动生成的证书，则确保 web.onesignal.auto 前缀没有丢失。
图标必须是方形的（宽度等于高度）。
确保您没有在私人窗口中浏览 Safari。
确保您没有在 iOS 上使用 Safari。不支持 Windows 上的 Safari。有些用户可能会下载 Safari 5.1.7 来测试推送通知，但唯一支持的 Safari 是 Mac OS X 操作系统上的 Safari 7.1+。
图标的 DPI 必须为 72x72。

这可以使用 ImageMagick 进行检查，使用命令 identify -format "%w x %h %x x %y" PATH_TO_FILE。
如果使用自定义证书，它可能无效。使用自动生成的证书重新创建 Safari 平台。为此请联系 OneSignal。
最后，自动生成的证书可能无法正常工作。使用另一个自动生成的证书重新创建 Safari 平台。为此请联系 OneSignal。

【讨论】：

【解决方案2】：

你可以使用 OneSignal.log.setLevel('trace');跟踪您的问题。它可能会告诉您确切的问题，例如图标丢失或 p12 错误。

【讨论】：

【解决方案3】：

尝试在您的控制台中粘贴以下代码并检查您得到的错误

window.safari.pushNotification.requestPermission(OneSignal._API_URL + 'safari', OneSignal.config.safari_web_id, {app_id: OneSignal.config.appId}, function(response) {
  console.warn('pushNotification.requestPermission Safari Registration Result:', response);
});

如果在您的控制台中显示推送 通知提示已被禁用 请按照以下步骤操作

在菜单 Safari 中转到首选项
转到通知
验证允许网站请求发送推送通知的权限是否选中

【讨论】：