由于之前对于android和ios app开发都没有具体实践经验,所以在开发公众聚合的时候,选择了cordova框架。cordova官网地址:http://cordova.apache.org/ 支持使用web技术来开发跨平台的app。
总体使用下来感觉还是不错的,通过ajax技术,能够实现接近原生的app体验。这一系列文章就来记录一下整个app的开发过程,已经过程中遇到的一些坑和解决办法。
正文开始,环境准备这一部分,众所周知,cordova和很多常用的插件都是基于node.js的npm管理的,所以环境的第一步,安装node.js. node.js 安装就不细说了。这里主要讲一下npm在国内访问慢的问题,在使用npm 安装cordova的时候,如果直接使用国外的npm源,很大的概率会超时失败。幸好有淘宝镜像 ,配置npm从淘宝镜像安装后,安装的速度就飞快了。
设置使用淘宝镜像的命令: npm configsetregistry https://registry.npm.taobao.org 也可以使用cnpm来安装,具体见淘宝镜像中描述的使用方法。
安装android sdk,这里只发布android的版本,所以只写一下安卓平台的要求,建议是直接安装androidstudio,因为后续很多情况下还是需要androidstudio的能力(比如开发插件)。国内androidstudio安装,建议从http://www.android-studio.org/下载安装。
安装cordova: npm install -g cordova
创建app: cordova create hello com.example.hello HelloWorld
添加android平台: cordova platform add android,这里要注意,androidstudio安装好后,需要把gradle的路径配置到系统path环境变量中。另外,如果没有做过gradle同步的话,需要对照本机的gradle版本,先下载gradle包,不然很大概率还是超时。可以参考这里的方法解决。
运行调试:usb链接手机,并开启usb调试,执行:cordova run android,如果一切顺利,手机上可以看到cordova的界面了,至此,环境准备完毕。