Cordova项目使用Android Studio真机调试

时间:2024-03-13 09:54:28

Cordova项目使用Android Studio真机调试

前言

今天我们来说一说如何利用Android Studio开发工具真机调试cordova项目。我们假设你已经有一个cordova的安卓项目,并且你的设备的usb调试等工作已经准备完成;

首先我们来项目的大致结构,具体目录的说明大家可以参照官网学习

Cordova项目使用Android Studio真机调试

一 buidl cordova项目

搭建cordova项目不是我们这篇文章的重点,假设你的项目已经可以正常build;

使用cordova build构建项目

Cordova项目使用Android Studio真机调试

构建项目成功,输出buidl后的apk包

Cordova项目使用Android Studio真机调试

我们也可以直接将build后的apk安装包发送到你的设备来进行安装,但是感觉有点繁琐了;于是我们利用android studio工具来进行真机调试,自动安装。

Cordova项目使用Android Studio真机调试

二 连接设备到Android Studio

关于设备连接到的Android Studio开发工具,大家可以参考Android Studio使用真机调试

在这篇文章中,有这么一点

Cordova项目使用Android Studio真机调试

但是在最新的Android Studio2019中,我没有发现,但是好像也能用,大家不用纠结

Cordova项目使用Android Studio真机调试

配置成功之后

Cordova项目使用Android Studio真机调试

三 导入项目到Android Studio

Cordova项目使用Android Studio真机调试

导入android就可以了

Cordova项目使用Android Studio真机调试

四 开始调试

我们将设备通过usb连接到你的电脑,Android Sutio就会自动识别,如下图所示

Cordova项目使用Android Studio真机调试

接下来,我们点击下图任意一个按钮,就可以成功将app安装到你的设备

Cordova项目使用Android Studio真机调试

这时候,我们在我们设备操作app,就可以在Android Studio的控制台实时查看日志了

Cordova项目使用Android Studio真机调试

关于作者

笔者麦洛是java开发者和技术爱好者,目前关注javaspring微服务云原生方向。为了将内容精准推给喜欢我的小伙伴,在大家建议下开通了公众号。喜欢的小伙伴可以关注我,第一时间获取文章信息。也可以后台回复加群加入交流群,大家一起进步!谢谢大家对我的支持。

Cordova项目使用Android Studio真机调试