离子3发布的应用程序作为PWA（逐行Web应用程序）

Question

我要发布我的应用程序作为PWA所以我所做的是

插入此脚本的index.html

<!--script>
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker.register('service-worker.js')
        .then(() => console.log('service worker installed'))
        .catch(err => console.log('Error', err));
    }
</script-->

然后安装

npm run ionic:build --prod 

它看起来像它部署它，但我的问题是：

1. 什么文件，我需要上传到主机的发布应用的PWA？
2. 为什么当我改变的东西在应用程序和运行离子服务什么都没有改变，而且只在WWW文件夹的index.html的变化？为什么？（因为现在是PWA？）
3. 当我打开WWW文件夹和我跑打开index.html当我按下按钮可打开的警告对话框就无法打开。为什么？
4. 当我运行命令？只有在发展的尽头？

Answer 1

跑

ionic cordova platform add browser

ionic build browser --prod --release

然后去[project_folder]/platforms/browser/www，并在你的HTTP服务器复制的内容。

Answer 2

不要用科尔多瓦的PWA麻烦。只需使用npm run build --prod并上传/www文件夹。

PWA更多的是概念的集合，所以它不只是“开”或“关”。最起码，虽然你可能想添加一个清单文件，所以你可以使它更“像应用”通过隐藏浏览器框架，设置你的图标，应用名称等取消注释行添加服务人员不会奇迹般地使之成为PWA如果你还没有把任何东西“有用”为服务人员（您可能会或可能不会需要做的，这取决于如何您的应用程序的作品）。另外请注意，您将需要HTTPS使用服务工作者。

您还需要手动删除行从的index.html包括cordova.js（这将是一个404错误，如果你只是上传/ WWW）。

Answer 3

我使用这个命令，以构建Web应用程序

ionic cordova build browser

然后从离子项目/平台/浏览器/网络内容复制到Web服务器。