2

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

你知道我有什么办法吗?非常感谢 !

4

2 回答 2

0

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 来创建构建。

于 2020-10-05T19:54:26.797 回答
0

当然,您可以制作一个应用程序并将其安装在您的手机上——这是 Capacitor 的基本用途。android文档,ios 文档

步骤与此类似(android 示例):

  1. 安装 Android Studio
  2. 在电容器.config.json 中定义 techSupportEmail
  3. npx 上限添加 android
  4. npm run build && npx cap copy android && npx cap open android
  5. 在手机上启用开发者模式
  6. 插上你的手机
  7. 在 Android Studio 中选择您的设备并点击“播放”按钮
于 2021-07-29T16:08:42.893 回答