Tools for Apache Cordova for VS2013 的跨平台开发

      最近在研究跨平台APP开发，先根据《构建跨平台APP-jQuery Mobile 移动应用实践》里讲的在eclipse和ADT集成环境下，后台用php开发。但是因为我之前接触的都是vs平台下用c#开发网站项目，，在网上搜索之后发现解决方案主要是：vs提供的apache cordova工具进行开发；最近兴起的Android Studio。于是就准备开始跨平台之旅。在网上搜了大量的论文资料和帖子，基本是用eclipse下面开发出来的，可利用的资源很少，本文主要介绍一下我的环境配置之路，包括研究路径和遇到的问题及解决方案。

     网上大多数跨平台开发都是用的vs2015，但是由于我电脑现在是win7。怕安装vs2015遇到网上曝出的很多问题，而且现在在做毕业设计，用到vs2015不敢随意安装，所以就准备再vs2013下开发，这条道路很曲折，主要是网上资源较少，遇到的很多问题都没有办法解决。

下载安装

      参考VS2013下实现移动端的跨平台开发。

       成功从官网上下载了 VisualStudio2013的插件——Visual Studio Tools for Apache Cordova。（官网下载地址：http://www.microsoft.com/en-us/download/details.aspx?id=42675）官网上注意到系统需求：

因此将vs2013更新到update5,直接点上面的链接就可以下载更新包进行更新。当时忘记截图了，还有一个错误，就是提示必须要英文版语言包。ENU Language,又去官网上下载了一个英文语言包。更新后安装Apache Cordova时还会报错：

    然后又去下载了了补丁Windows6.1-KB2506143-x64.msu（我的是win7 64位），安装补丁遇到问题，windows一直提示 “此计算机正在搜索需要的更新”，解决办法见我写的另一篇博客：更新windows补丁KB2506143时一直卡在搜索更新。

重启计算机之后终于可以开始安装了：

     安装之后就测试一下，新建项目

如果前面你都安装成功的话，应该会看到以下界面：

有的会出现如下界面：（但是我除了这个还报了一个错误：SOFTWARE/TOOL:Android SDK，The soft ware is missing from your system.You may also have to configure it after installation.）当时忘记截图了，这是SDK没有配好。

Android sdk安装配置

   这个中间查阅大量资料，发现大多都是说的vs2015下的配置，但是其实没有太大影响，参考了Visual Studio 2015 和 Apache Cordova 跨平台开发入门(一)和微软官方给的文档：Configure the Visual Studio Tools for Apache Cordova。

其实这两个说的差不多，只是一个英文一个中文，而且官方文档更详尽一点。但是vs2103有一些问题这里没有提到或说的不是很详细，很多跟我一样没有开发过android的会萌币，在此补充并提炼关键信息：

   请注意Java的安装请选择32位安装包，因为不支持64位的Java。！反正64位的系统也可以兼容32，我第一次下的64位jdk，反正在vs2013编译程序没成功，后来看网上有人说不支持64位的java，就重新安装配置环境。避免走弯路。安装好之后配置java环境变量。因为我在学习cordova时看网上都是说他们用的以前的安卓模拟器，所以我总结了经验：最好自己先再eclipse上试试能不能再模拟器中跑起来，能跑起来说明你的java 和andriod sdk环境变量配好了，也创建好了已有的AVD。

JAVA 环境搭建一百度都有，这里给出一个：http://jingyan.baidu.com/article/215817f7e3f2bd1eda1423f4.html

下载eclipse，然后配置安卓环境，首先要添加ADT：http://jingyan.baidu.com/article/b0b63dbfa9e0a74a4830701e.html

但是要注意：

1、下载的adt版本一定要是23.0.0及以上，不然的话，你会发现apache cordova要求sdk的下载的安卓版本，需要23.0.0以上的ADT支持。那又会成为一个需要解决的问题点。

2、安装SDK版本插件一定要按照微软官方的下载，见下图，如果缺少一下的插件的话就会报错。

如果下载的时候会发现遇到下载不下来的情况，这需要我们用代理服务器，见：SDK代理服务器解决国内不能更新下载问题

    

这些都配好了就可以在eclipse上创建模拟器：http://jingyan.baidu.com/article/295430f1333ce70c7e0050ed.html

创建成功，再回到vs2013上来。（Ps:官网上提到需要nodejs,这里我没有提到，因为之前学习前端开发的时候配置过，不知道安装cordova插件时默认下载的Joyent Node.js是否就能满足需求）

成果展示

以上都按要求做了的话，幸运的人在chrome调试（Ripple-Nexus）时会出现以下界面

在安卓模拟器上调试会出现以下界面：

开发中遇到过的问题及解决办法：

在安卓模拟器上运行报2个错误：

1.ERROR building one of the platforms ；2.MDAVSCLI : error 

这是由于SDK版本不对，请严格按照上面所述的版本安装，安装后记得在“工具-选项-Tools for Apache Cordova” 里配置好sdk路径请严格按照上面所述的版本安装，安装后记得在“工具-选项-Tools for Apache Cordova” 里配置好sdk路径

   

这个问题解决后，调试又出错：

2> WARNING : no emulator specified,defaulting to test 

2> Waiting for emulator...

还有类似

1>Done executing task "MdaVsCli" -- FAILED.1>Done building target "PrepareForRippleRequirements" in project "BlankCordovaApp17.jsproj" -- FAILED.

感觉是由于AVD出了问题，此时又进去eclipse准备重新创建一个模拟器，这个模拟器版本建议选择Android 4.4.2.

我这样操作之后还是有问题，最后发现微软官网Configure the VisualStudio Tools for Apache Cordova有这么一句话：

 

我是直接操作的To clear the Cache这一步，因为我没有找到platforms这个文件夹，可能是vs2015里创建工程的时候会有吧。

我觉得可能前面我的环境配置不对，导致有些设置被缓存了，于是准备尝试该方法。

重新下载32位jdk配置，找到合适的SDK和ADT之后，我按上面所述方法清除缓存。（没有删除platforms文件夹）,重启项目之后发现就算是在ripple下调试也不能成功了。中间会一直卡住，卡在了“Installing globally from sourcepackage. This could take a few minutes... ”当时我等得很不耐烦，点击取消后发现会提示在完全安装corodva之前不能取消生成。表明之前已经清楚了cordova，这时候是在重新安装，一直等待，过了一阵子取消成功。再重新启动，发现提示

在下载需要的库文件，一直等待下载完之后就运行成功了！

希望之后的开发之路顺利， 毕竟还得写程序，还得发布到ios以及其他平台上~

     Good luck to all of us!