渐进式Web应用程序不在根文件夹中

Question

我正在构建一个使用服务工作者的离线第一个应用程序。我几乎完成了，但是我有一个关于部署pwa的问题。

场景

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

如果mysite.com在https上，应用程序安装成功吗？

Answer 1

如果要将服务工作者文件保存在根位置，则在注册时设置作用域以将其限制在特定的/offlineapp上。

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

这将防止服务工作者控制/offlineapp/例如/offlineapp、/、/offlineapp 2/等以外的请求。