cordova初涉

能够用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

这样就大功告成啦:

cordova初涉_第1张图片

你可能感兴趣的:(cordova初涉)