azure blob 静态网站上的网络通知答案

【问题标题】：web notification on azure blob static websiteazure blob 静态网站上的网络通知
【发布时间】：2017-02-02 16:12:50
【问题描述】：

我有一个使用 azure 存储的静态网站：

https://helloweb.blob.core.windows.net/content/index.html

我需要在 onesiganl 应用设置中配置的域是什么：

网站网址：https://helloweb.blob.core.windows.net

默认通知图标 URL： https://helloweb.blob.core.windows.net/content/icon.png

我的 manifest.json：

{
  "name": "Hello Web",
  "short_name": "Helloweb",
  "start_url": "/content/index.html",
  "display": "standalone",
  "gcm_sender_id": "482941778795"
}

I can't see any user at onesignal users page.

【问题讨论】：

您能否详细解释一下您希望从哪里触发通知事件等的通知类型？
网络推送通知。 helloweb.blob.core.windows.net/content/index.html 是我想要接收通知的地方。
您是否按照 onesignal 网络推送设置中的步骤进行操作？ GCM 也适用于 android，对于 web，你有类似“safari_web_id”的东西。您共享的网址也未打开（也许您只是为了说明目的而将其放入，实际网址不同）
网站是helloweb.blob.core.windows.net/content/index.html
看起来你已经修好了。我可以看到 hello 页面以及右下角的通知。

标签： azure azure-blob-storage onesignal

【解决方案1】：

据 onesignal document 提到，OneSignalSDKWorker.js 和 OneSignalSDKUpdaterWorker.js 应该从 顶级根 提供。在 Azure 存储中，我们无法在 顶级根 中设置 blob。这些 blob 需要一个容器。

将文件上传到站点目录的顶级根。以下网址应可公开访问：

•https://yoursite.com/manifest.json

•https://yoursite.com/OneSignalSDKWorker.js

•https://yoursite.com/OneSignalSDKUpdaterWorker.js

OneSignalSDKWorker.js & OneSignalSDKUpdaterWorker.js

• 不应重命名这些文件，并且应从顶级根目录提供这些文件

根据我的经验，将网站放在 Azure 存储中并不是一个好的选择。我们可以使用 azure WebApp service 轻松做到这一点。我为它做一个测试。它工作正常。

以下是我的详细步骤：

1.从 Azure 门户创建 WebApp

2.配置 OnSignal 设置

3.下载Web Push SDK并按照tutorials编辑清单文件。

4.添加索引文件，只需要替换“YOUR APP ID”即可

  <head>
      <link rel="manifest" href="/manifest.json">
      <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async></script>
      <script>
        var OneSignal = window.OneSignal || [];
        OneSignal.push(["init", {
          appId: "YOUR_APP_ID",
          autoRegister: false,
          notifyButton: {
            enable: true /* Set to false to hide */
          }
        }]);
      </script>
    </head>

5.使用Kudu将代码上传到WebApp（https://yoursite.scm.azurewebsite.net/).We可以直接将文件拖到文件夹中。更多部署请参考官方document。

从 Firefox 浏览器访问 https://yoursite.azurewebsite.net/index.html。而且我们需要设置权限来设置消息弹窗。

从 [All User] 检查我们将看到订阅的用户信息

【讨论】：