webapp打包为Android的apk包的一种方法

开发了个纯web的app小demo,想着最终集成到微信公众号上做个小功能，并测试下如何跨平台的运行在Android上。

关于如何打包为Android的安装包，总结了下其中的一种方法，使用cordova打包为Android的apk安装包。

先看下在电脑web浏览器上的运行效果：

webapp打包为Android的apk包的一种方法_第1张图片

首先需要安装cordova。

假设已经具备的nodejs是环境，可以执行npm下载安装。

npm install -g cordova

npm默认的下载有点儿慢，更改为淘宝的镜像源，方法如下。

npm config set registry https://registry.npm.taobao.org

还可以使用yarn安装 cordova。yarn功能和npm差不多，但yarn更快，更稳定和好用。网上可以查资料比较npm和yarn区别了解下。其中yarn的一个优点是更稳定，npm经常安装失败的错误，且yarn下载过的包下次在yarn install不会重复下载相同的包。

言归正传，

命令行下输入：
１.cordova create hello com.example.hello demo

hello为项目的根目录名，后面的为应用的包名，最后的demo为应用的名字。

cordova项目页面文件在生成的项目目录hello中的www目录中，放入对应文件。

webapp打包为Android的apk包的一种方法_第2张图片

把你的webapp的dist打包好的内容放到www目录里。替换原来原有的内容。

webapp打包为Android的apk包的一种方法_第3张图片

２.命令符进入到cordova项目ｗｗｗ目录中，添加browser平台 cordova platform add browser （浏览器运行）

３. 浏览器运行 cordova run

４.打包apk安卓运行，生成的安卓包

cordova platform add android
cordova build android

在这步之前，先检查下环境是否ｏｋ．否则打包肯定是失败的。

输入cordova requirements,会自动检测打包环境是否就绪。

webapp打包为Android的apk包的一种方法_第4张图片

最后看到ＢＵＩＬＤ　ＳＵＣＣＥＳＳＦＵＬ就是打包成功了。体积挺小的。我的这个才１.５Ｍ。

试了下安装到机器上,　adb install .／app-debug.apk 完美运行。

webapp打包为Android的apk包的一种方法_第5张图片

更多相关文章