网络应用横幅安装答案

【问题标题】：web app banner install网络应用横幅安装
【发布时间】：2017-04-05 10:00:14
【问题描述】：

我正在使用此页面：https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/ 创建网络应用横幅安装。

我在 public/admin/ 中有 sw.js 作为 service worker 我已经成功注册了服务人员我在 public/admin 中也有 manifest.json 像这样

{
  "name": "Web App Install",
  "short_name": "Admin",
  "icons": [
    {
      "src": "/admin/mstile-70x70.png",
      "sizes": "36x36",
      "type": "image/png"
    },
    {
      "src": "/admin/mstile-70x70.png",
      "sizes": "48x48",
      "type": "image/png"
    },
    {
      "src": "/admin/mstile-70x70.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "/admin/mstile-70x70.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "/admin/mstile-70x70.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "/admin/mstile-70x70.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ],
  "start_url": ".",
  "display": "standalone",
  "related_applications": [{
            "platform": "web"
        }],
    "related_applications": [],
    "prefer_related_applications": false
}

在开发工具中

Service Worker 的链接是：https://01f1c2fb.ngrok/admin/pt

manifest.json 的链接是https://01f1c2fb.ngrok/admin/manifest.json

但我在尝试安装网络应用时遇到错误错误是

“无法安装站点：未检测到匹配的服务工作者。您可能需要重新加载页面，或检查当前页面的服务工作者是否也控制清单中的启动 URL”

谁能帮帮我。

我在 admin 中添加一个文件夹 /pt 作为 admin/pt 并添加了 manifest.json。当我点击“添加到主屏幕”时出现一些图像错误，但我已修复它但现在点击“添加到主屏幕”他没有触发任何东西...... 现在还好吗？

我尝试了我的手机，但没有安装... 有人可以帮忙吗谢谢卡洛斯·维埃拉

我已经做了一些改变，我明白了在控制台中使用“beforeinstallprompt 事件触发”

window.addEventListener('beforeinstallprompt', function(e) {
          console.log('beforeinstallprompt Event fired');

        });

但没有安装手机应用

提前致谢。卡洛斯·维埃拉

【问题讨论】：

标签： web banner

【解决方案1】：

我也遇到过类似的问题。

你在 public/admin/ 中有你的 sw.js 文件，这是错误的。将它移动到 根目录 / 并且 serviceWorker 应该可以正常启动。

【讨论】：