【cordova学习笔记01】h5打包成apk

1、用了三个星期学习了一下cordova,分别将html5打包成apk,加入cordova插件,创建cordova自定义插件,最后使用谷歌的开源代码写自定义插件,读取Android设备上的RS232串口(虽然是已经过时的技术了)上的IC卡里面的数据。这中间走了很多弯路,也学习到了很多东西,接下来一点点总结,希望我的记录对你有帮助。

2、首先,什么是cordova,以及其开发环境的搭建,网上已经有很多教程了,你可以自己去搜索一下,这里推荐我开发时,搭建环境看过的一个网址https://www.w3cschool.cn/cordova/

3、接下来自己讲html5代码生成Android apk,前提是你已经搭建好开发环境了。

A、在D盘或其他盘里面随便穿件一个文件夹,我将文件夹名命名为cordovaProject(名字可以随意),进入文件夹,在地址栏输出cmd,此时会打cmd命令窗口,路径为当前文件夹的路径。

【cordova学习笔记01】h5打包成apk

【cordova学习笔记01】h5打包成apk

cmd下执行命令:cordova create test com.running.test test,第一个test为项目名,第二个test为APP名称。成功后会出现名为test的文件夹。

【cordova学习笔记01】h5打包成apk

【cordova学习笔记01】h5打包成apk

 

B、创建安卓平台

进入test目录,cmd里面输入:cordova platform add [email protected],然后执行。@6.4.0需要加上去,否则如果cordova是8.0的话,执行cordova platform add android,则会默认创建7.0.0的安卓版本平台,该版本以上的安卓构建目录发生了变化,很多插件不一定支持,因此最好不要用7.0.0版本以上。

【cordova学习笔记01】h5打包成apk

C、编译android工程

根目录下执行:cordova build android,出现下图所示则成功:

【cordova学习笔记01】h5打包成apk

【cordova学习笔记01】h5打包成apk

此时我们可以看到,在D:/cordovaProject/test/platforms/android/build/outputs/apk/debug/android-debug.apk路径下生成了一个apk。

D、h5页面转成apk文件

将我们的将h5项目页面拷贝至test/www目录下,执行:cordova build android,则相应的html和静态文件页面会自动拷贝到android项目结构下, 

【cordova学习笔记01】h5打包成apk

至此,我们就成功地将h5转换成Android App了。

我们可以使用Android studio打开我们生成的Android项目

【cordova学习笔记01】h5打包成apk

 

E、至于加载启动页和设置app图标,这里提供一个网址,可以自己去学习

https://www.cnblogs.com/a418120186/p/5856371.html