企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持知识库和私有化部署方案 广告
本指南介绍了如何使用Ionic应用程序部署到Android模拟器和设备[capacitor](https://ionicframework.com/docs/faq/glossary#capacitor)要么[cordova](https://ionicframework.com/docs/faq/glossary#cordova)。 > 要在Android设备上部署和调试应用程序,必须启用**开发人员模式**和**USB调试**。有关更多信息,请查看[这些说明](https://developer.android.com/studio/debug/dev-options#enable)。 ## 项目设置 在将应用程序部署到Android模拟器和设备之前,必须配置本机项目。 1. **生成本机项目(如果尚不存在)** 对于Capacitor,运行以下命令: ~~~ $ ionic capacitor add android ~~~ 对于Cordova,请运行以下命令: ~~~ $ ionic cordova prepare android ~~~ 2. **设置包ID** 对于Capacitor,打开`capacitor.config.json`文件并修改`appId`属性。 对于Cordova,打开`config.xml`文件并修改`id`根元素的属性`<widget>`。有关更多信息,请参阅[Cordova文档](https://cordova.apache.org/docs/en/latest/config_ref/#widget)。 ## 与Capacitor一起运行 Capacitor使用Android Studio为模拟器和设备构建和运行应用程序。 1. **开发Ionic应用程序并将其同步到本机项目。** 每次有意义的更改都必须将Ionic应用程序内置到Web资产中,然后才能在Android模拟器和设备上显示更改。然后必须将Web资产复制到本机项目中。幸运的是,使用单个Ionic CLI命令可以轻松完成此过程。 ~~~ $ ionic capacitor copy android ~~~ 2. **在Android Studio中,单击“运行”按钮,然后选择目标模拟器或设备。** ![Android Studio运行按钮区域](https://ionicframework.com/docs/assets/img/running/android-studio-run-button-area.png) ## 与Cordova一起运行 Ionic CLI可以使用单个命令构建,复制和部署Ionic应用程序到Android模拟器和设备。它还可以启动开发服务器,如用于`ionic serve`提供的开发服务器[现场重装](https://ionicframework.com/docs/faq/glossary#livereload)功能。 运行以下命令以启动长时间运行的CLI进程,该进程将引导实时重新加载服务器: ~~~ $ ionic cordova run android -l ~~~ 现在,当对应用程序的源文件进行更改时,将重建Web资产,并且更改将反映在模拟器或设备上,而无需再次部署。 ## 使用Chrome DevTools Chrome为Android模拟器和设备提供了Web开发人员工具支持。`chrome://inspect`在模拟器运行或设备连接到计算机并**检查**需要调试的应用程序时转到Chrome。 > 确保您的应用程序在设备或模拟器上运行,否则它将不会显示在列表中。 ![Android Chrome DevTools](https://ionicframework.com/docs/assets/img/running/android-chrome-devtools.png) ## 查看本机日志 可以在**Logcat的**Android Studio中找到本机日志。 > 如果隐藏了**Logcat**窗口,则可以在**View**»**Tool Windows**»**Logcat中**启用它。 ![Android Studio Logcat](https://ionicframework.com/docs/assets/img/running/android-studio-logcat.png)