1.第一步:我们需要先下载一个HBuilderX工具

2.第二步:我们需要生成一个安卓证书keystore文件,在线生成证书

根据提示完成即可生成证书

android phonegap 打包 安卓手机打包apk_html

 3.第三步:打开HBuilderX新建一个5+app文件夹

android phonegap 打包 安卓手机打包apk_android phonegap 打包_02

4.第四步: 把我们的项目代码打包成一个dist文件夹,然后拖到刚刚创建的项目中,再点到manifest.json这个文件里面,然后点击左上角,发行,原生app云打包,弹窗里的证书别名,密码就是我们在生成安卓证书的时候填写的,需要保持一致,打包前勾选一下渠道包即可,如华为应用商店,或者其它,勾选一个即可,最后点击右下角打包按钮就行

android phonegap 打包 安卓手机打包apk_项目代码_03

以上就是打包的几个流程

手机在线调试

1.首先我们需要点开dist文件夹,然后点开index.html,然后用手机数据线连接电脑,打开手机开发者模式,打开USB调试,然后点开左上角运行,运行到手机或模拟器,如果我们以上条件都满足,鼠标滑到运行到手机或模拟器,右侧会出现连接手机的型号,然后我们直接点击就行了

android phonegap 打包 安卓手机打包apk_项目代码_04

 以上就是如何打包与手机联调,写的比较粗,但是大家作为一名资深的前端开发应该都看得懂,大概的具体流程就是这些,另外一些细节方面可能需要注意,基础配置,图标配置,手机权限配置,这些都可以根据HBuilderX上面的官方文档来。今天就给各位小伙伴讲这么多,后续还会出一篇前端如何调用安卓的底层方法,如拍照,拍视频等,对博主有兴趣的可以关注一下,一周一更,文笔虽然不是那么出彩,但是分享的都是我们平常用的比较多的,同时也会踩的一些坑,干货满满,感谢支持

console.log([

    "                   _ooOoo_",
    "                  o8888888o",
    "                  88\" . \"88",
    "                  (| -_- |)",
    "                  O\\  =  /O",
    "               ____/`---'\\____",
    "             .'  \\\\|     |//  `.",
    "            /  \\\\|||  :  |||//  \\",
    "           /  _||||| -:- |||||-  \\",
    "           |   | \\\\\\  -  /// |   |",
    "           | \\_|  ''\\---/''  |   |",
    "           \\  .-\\__  `-`  ___/-. /",
    "         ___`. .'  /--.--\\  `. . __",
    "      .\"\" '<  `.___\\_<|>_/___.'  >'\"\".",
    "     | | :  `- \\`.;`\\ _ /`;.`/ - ` : | |",
    "     \\  \\ `-.   \\_ __\\ /__ _/   .-` /  /",
    "======`-.____`-.___\\_____/___.-`____.-'======",
    "                   `=---='",
    "^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^",
    "         佛祖保佑       永无BUG"
].join('\n'));