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不会重复下载相同的包。

言归正传,

命令行下输入:
1.cordova create  hello com.example.hello demo

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

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

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

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

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

2.命令符进入到cordova项目www目录中,添加browser平台 cordova platform add browser (浏览器运行) 

3. 浏览器运行  cordova run

4.打包apk安卓运行,生成的安卓包

cordova platform add android
cordova build android

在这步之前,先检查下环境是否ok.否则打包肯定是失败的。

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

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

最后看到BUILD SUCCESSFUL就是打包成功了。体积挺小的。我的这个才1.5M。

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

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

你可能感兴趣的:(Android)