Tools for Apache Cordova for VS2013 的跨平台开发
2016-12-14 21:26
423 查看
最近在研究跨平台APP开发,先根据《构建跨平台APP-jQuery Mobile 移动应用实践》里讲的在eclipse和ADT集成环境下,后台用php开发。但是因为我之前接触的都是vs平台下用c#开发网站项目,,在网上搜索之后发现解决方案主要是:vs提供的apache cordova工具进行开发;最近兴起的Android Studio。于是就准备开始跨平台之旅。在网上搜了大量的论文资料和帖子,基本是用eclipse下面开发出来的,可利用的资源很少,本文主要介绍一下我的环境配置之路,包括研究路径和遇到的问题及解决方案。
网上大多数跨平台开发都是用的vs2015,但是由于我电脑现在是win7。怕安装vs2015遇到网上曝出的很多问题,而且现在在做毕业设计,用到vs2015不敢随意安装,所以就准备再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没有配好。
这个中间查阅大量资料,发现大多都是说的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...
还有类似
感觉是由于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!
网上大多数跨平台开发都是用的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 跨平台开发入门(一)和微软官方给的文档:Configurethe 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!
相关文章推荐
- Visual Studio Tools for Apache Cordova,基于HTML 5/JavaScript 开发iOS,Android,Windows应用
- 何必苦等VS2015?来看看VS2013下实现移动端的跨平台开发
- Visual Studio Tools for Apache Cordova 入门
- 使用Ionic + Apache Cordova开发跨平台混合型的移动应用 - 非常好的手机开发初级文章!!!!!!
- Apache Cordova:一个跨平台移动应用程序开发的很好选择
- 何必苦等VS2015?来看看VS2013下实现移动端的跨平台开发
- 使用Ionic + Apache Cordova开发跨平台混合型的移动应用
- Configure the Visual Studio Tools for Apache Cordova
- 跨平台移动开发工具:Cordova VS Weex
- Install Visual Studio Tools for Apache Cordova
- 配置 Visual Studio Tools for Apache Cordova
- Visual Studio 2013搭建phoneGap(Apache Cordova)开发环境
- Kinect开发环境配置:Kinect for Windows SDK(V 1.8) + OpenCV2.4.9 + VS2013 + Win10(x64)
- 何必苦等VS2015?来看看VS2013下实现移动端的跨平台开发
- Cordova 10 VS2013配置cordova开发环境
- 配置Unity脚本开发环境visual studio 2013 tools for unity
- 使用Ionic + Apache Cordova开发跨平台混合型的移动应用
- 【VS开发】VS2013多字节工程问题uilding an MFC project for a non-Unicode character set is deprecated
- 实用工具:VS上python开发插件(python tools for visual studio)
- Visual Studio 2015 和 Apache Cordova 跨平台开发入门(一)