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

Question

我刚刚创建了一个Ionic项目，并在上面添加了一个电容器（带有“ npx cap init”），我设置了我的服务人员（我刚刚离开了<--- ...... --->在我的index.html中）。然后我从笔记本电脑上运行“离子服务”，然后尝试通过手机访问它（所以基本上我是通过移动互联网进行个人热点的，我的意思是我的笔记本电脑和手机具有相同的互联网连接），并且作品。 我可以从移动设备上访问我的离子应用程序，而该应用程序却在笔记本电脑上运行，但现在我想在手机上添加/下载该应用程序，然后离线使用它。

你知道我能做到吗？ 非常感谢！

Answer 1

电容器的工作原理是通过自托管的Web服务器为您的静态资产（如javascript和HTML）提供服务，该服务器的行为取决于您的container.config.json。如果您查看source code，这种现象最明显。

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

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

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

请注意，Ionic框架和电容器有两条完全不同的部署路径；该答案假设您使用Capacitor创建了构建。

Answer 2

当然，您可以制作一个应用程序并将其安装在您的手机上——这是 Capacitor 的基本目的。 Docs for android、docs for ios

步骤与此类似（以 android 为例）：

1. 安装 Android Studio
2. 在capacitor.config.json 中定义techSupportEmail
3. npx cap 添加安卓
4. npm run build && npx cap copy android && npx cap open android
5. 在手机上启用开发者模式
6. 插入手机
7. 在 Android Studio 中选择您的设备并点击“播放”按钮