cordova混合App开发（Cordova+Vue实现Android APP开发 (打包及调试)）

2022-05-08 IT知识 app开发

曾无好事来相访，赖尔高文一起予。这篇文章主要讲述cordova混合App开发：Cordova+Vue实现Android APP开发 (打包及调试) 相关的知识，希望能为你提供帮助。
1、把之前的 vue 项目改下加上axios调用记得先安装axios

【cordova混合App开发（Cordova+Vue实现Android APP开发 (打包及调试)）】这一步没什么目的 ,记得之前有篇文章说打包成app发不了http请求这里加上试下

yarn add axios

cordova混合App开发（Cordova+Vue实现Android APP开发 (打包及调试)）

文章图片

2、vue打包 vue_app目录

yarn run build

3、使用Android studio 打包APK

具体步骤看上一篇步骤5 https://www.cnblogs.com/xtxtx/p/13908275.html
把apk拖入安卓模拟器
4、模拟器调试apk
谷歌浏览器输入 chrome://inspect/#devices 可以看到安卓模拟器然后再模拟器上点击按钮调用可以看到发送的http请求

cordova混合App开发（Cordova+Vue实现Android APP开发 (打包及调试)）

文章图片

cordova混合App开发（Cordova+Vue实现Android APP开发 (打包及调试)）

文章图片

4、真机调试apk
有时候我们想再真机上查看实际效果找一部安卓机我这里是oppo的手机打开开发者选项 => usb调试
数据线连接手机和电脑用途选择传输文件
在cordova-vue目录下执行

cordova run android

常用命令

cordova install android //将编译好的应用程序安装到模拟器上。
cordova emulate android //在模拟器上运行（前提是创建好AVD）
cordova serve android //在浏览器运行
cordova build android //打包cordova项目到android平台。
cordova run android //通过USB直接安装到真机（该语句已经包括了build命令）

可以看到手机上的安装提示安装后 chrome://inspect/#devices 同样看到手机点击inspect后和模拟器一样

cordova混合App开发（Cordova+Vue实现Android APP开发 (打包及调试)）

文章图片

推荐阅读

上一篇：Android 中 AOP 使用场景分析

下一篇：第七章重排序与happens-before