能够用html+css+js来开发多平台共用的一套app代码的开源的移动开发框架 —— —— cordova。
1.安装cordova
1.1 安装nodeJS
1.2 安装全局的cordova模块
npm install -g cordova
或者在某个特定的项目中安装cordova模块
npm install cordova
1.3 创建app
cordova create hello com.example.hello HelloWorld
1.4 添加平台支持(以Android为例,也可以添加iOS、BlackBerry等平台)
注:在添加平台支持之前要安装相应的环境支持:Android SDK,并且设置环境变量,然后设置一个模拟器,具体见:http://cordova.axuer.com/docs/zh-cn/latest/guide/platforms/android/index.html#requirements-and-support
cd hello
cordova platform add android --save
添加完之后要测试一下:
cordova platform ls
1.5 构建app
cordova build 或者添加平台限制 cordova build android
在这一步我遇到一个异常:java.lang.UnsupportedClassVersionError: com/android/dx/command/Main : Unsupported major.minor version 52.0,网上搜索了一下,很多人都遇到了,下面是解决办法:
造成这个异常的原因是由于 Android SDK Build-tools 的版本号大于 Android target;
首先打开:<项目名>/platforms/android/project.properties,查看此文件中的target号码,然后打开Android SDK Manager 找到相应的Build-tools安装就行了(我是windows环境,需要将高于Android target 的 build-tools 全部给卸载掉后才能正常运行,不知道是不是bug)
1.6 测试App
在移动平台绑定的模拟器上测试效果:
cordova emulate android
或者将手机连接电脑,在手机上直接测试app
cordova run android
这样就大功告成啦: