Progressive Web App 不在根文件夹中答案

【问题标题】：Progressive Web App not in the root folderProgressive Web App 不在根文件夹中
【发布时间】：2017-11-09 10:28:53
【问题描述】：

我正在使用 Service Worker 构建第一个离线应用。我差不多完成了，但我有一个关于部署 pwa 的问题。

场景：

该应用程序是一个庞大系统的一小部分，因此我无法像www.mysite.com 那样部署在根/文件夹上，因为这是主站点运行的地方。我必须部署在例如 www.mysite.com/offlineapp/。主应用程序是用 PHP 构建的，而我主要用 Javascript 构建了PWA。

如果mysite.com 位于 https 上，应用会成功安装吗？

【问题讨论】：

【解决方案1】：

如果您将 service-worker 文件保存在根位置，则在注册时设置范围以限制到特定的 /offlineapp

navigator.serviceWorker.register('/service-worker.js', {
  scope: '/offlineapp/'
});

这将阻止 service-worker 控制 /offlineapp/ 以外的请求，例如 /offlineapp、/、/offlineapp2/etc

【讨论】：