ionic-framework - 我们可以离线运行 Capacitor PWA 应用程序吗？

Question

我刚刚创建了一个 Ionic 项目并在其上添加了电容器（使用“npx cap init”），我设置了我的服务人员（我刚刚在我的索引中留下了 <--- ...... ---> .html）。然后我从我的笔记本电脑上运行“ionic serve”，我试图从我的手机访问它（所以基本上我用我的移动互联网做了一个个人热点，我的意思是我的笔记本电脑和手机有相同的互联网连接），它作品。我可以从我的手机访问我的 ionic 应用程序，而它在我的笔记本电脑上运行不足，但现在我想在我的手机上添加/下载这个应用程序并离线使用它。

你知道我有什么办法吗？非常感谢 ！

标签： ionic-frameworkmobileofflinecapacitor

Answer 1

Capacitor 的工作原理是从自托管 Web 服务器提供静态资产（如 javascript 和 HTML），其行为取决于您的电容器.config.json。如果查看源代码，这种行为最为明显。

• 如果你在capacitor.config.json 中指定了server.url，Capacitor 的自托管服务器将充当你指向的服务器的代理。

• 如果您没有指定 server.url，Capacitor 的自托管 Web 服务器将提供与您的本机应用程序捆绑的文件。

基于此，当您为手机创建构建时，您需要从您的电容器.config.json 中删除服务器 url 属性。您可能还需要动态生成电容器.config.json 以分离您的开发和生产需求。

注意 Ionic Framework 和 Capacitor 有两种完全不同的部署路径；此答案假定您使用 Capacitor 来创建构建。