基于 Windows 10 的 Visual Studio 2015 跨平台的应用开发主要分为基于Visual Studio 安装 Xamarin 扩 展的跨 Android、iOS 和 Windows的应用开发,基于Apache Cordova 的 Visual Studio 工具开发跨Windows、Android 和 iOS 设备的应用,基于Visual C++ 创建跨 Android 和 Windows 的应用,以及Visual Studio tools for Unity 创建跨 Android、iOS 和 Windows平台的游戏。
此系列文章主要针对于基于Apache Cordova 的 Visual Studio 工具,介绍开发跨Windows、Android 和 iOS 应用的实战。使用Apache Cordova的前提是您比较熟悉 HTML 和 JavaScript,不一定非常精通 JavaScript就可以使用Apache Cordova 的 Visual Studio 工具开发跨Windows、Android 和 iOS 的应用。
本系列文章主要内容:
在 Windows 10 中安装 Visual Studio 和Visual Studio Tools for Apache Cordova
创建Cordova 跨平台应用
Cordova 应用与 Microsoft Azure 的数据互联
适用于 Android 的 Visual Studio 仿真程序
打包和发布Cordova应用程序
简单地说,它是一个跨平台开发的框架。 此框架包括插件模型,插件模型提供了一个可运行于所有三个平台(iOS、Android 和 Windows)设备功能的 JavaScript API。
由于这些 API 是跨平台的,因此你可以在三个平台之间共享所编写的大部分代码,减少开发和维护成本。 此外,无需从头开始。 如果已创建了其他类型的 Web 应用程序,则可以与 Cordova 应用共享这些文件,而无需以任何方式修改或重新设计。
在Windows 10中安装 Visual Studio 2015和Visual Studio Tools for Apache Cordova
于 https://www.visualstudio.com/downloads/visual-studio-2015-downloads-vs 可下载 Visual Studio 2015(当前微软提供的RC版),您可以选择 Community 版本(免费)或者 Enterprise 版本(商业版)。
在Visual Studio 2013中 Cordova 工具是作为单独的扩展安装,在 Visual Studio 2015中已经集成于Visual Studio中,建议您使用Visual Studio 2015开发Cordova的跨平台应用。
确保允许安装程序安装第三方软件依赖项,或者可以清空软件选项并手动安装以后要使用的依赖项。
Visual Studio 2015 的安装程序包括支持 Cordova 应用开发的第三方开源软件:
若要使用 Visual Studio 在 iOS 模拟器或 iOS 设备上创建和运行 iOS 应用,必须 Mac 计算机上安装并配置远程代理 vs-mda-remote,并在 PC 上的 Visual Studio 中配置远程代理。此部分的配置请读者参考 Configure the Visual Studio Tools for Apache Cordova ( https://msdn.microsoft.com/en-us/library/dn771551(v=vs.140).aspx )中的iOS部分。
安装扩展后,打开 Visual Studio 并创建空白应用 (Apache Cordova) 项目。 然后,便可使用 JavaScript 或 TypeScript 来开发应用了。 也可以添加插件来扩展应用的功能,编写代码时插件的 API 会出现在 IntelliSense 中。
如果已准备好运行应用并逐行执行代码,请选择一个仿真程序(如 Apache Ripple 仿真程序或适用于 Android 的 Visual Studio 仿真程序)或一个已直接连接到计算机的设备。 然后,启动应用。 如果是在 Windows PC 上开发的应用程序,则可在其中运行。 所有这些选项都作为 Visual Studio Tools for Apache Cordova 扩展的一部分内置于 Visual Studio 中。
通常我们会选择不安装一个或多个带扩展的依赖 项,待以后手动安装。或者像作者一样安装 Android SDK时遇到下载失败的情况。此时,我们都需要用到手动安装依赖项的技能。
请注意Java的安装请选择32位安装包,因为不支持64位的Java。
使用这些链接来手动安装依赖项。
Joyent Node.js
推荐安装 x86 版本的 Node.js。
Google Chrome
Git 命令行工具
在安装 Git 命令行工具时选择将 Git 添加到你的命令提示符路径这一选项。
Apache Ant
下载 Ant 并将其解压到 C:/ant-1.x.x 之类的位置
将 ANT_HOME 环境变量设置为指向之前的位置。
将 %ANT_HOME%/bin 添加到系统路径。
32 位 Oracle Java 7
将 JAVA_HOME 环境变量设置为 C:/Program Files/Java/jdk1.7.0_55
将此项添加到系统路径:%JAVA_HOME%/bin
带 SDK 程序包的 Android SDK
Android SDK 工具(最新版本)
Android SDK 平台工具(最新版本)
Android SDK 生成工具(19.1、19.0.3 和 21)
带以下程序包的 Android 4.4.x(API 级别 21):
SDK 平台
ARM EABI v7a 系统映像
Intel x86 Atom 系统映像
Google API(x86 系统映像)
Google API(ARM 系统映像)
下面的插图显示了 Android SDK 管理器中所需的最小程序包。
将 ADT_HOME 环境变量设置为 SDK 安装位置。
将此项添加到系统路径:%ADT_HOME%/tools;%ADT_HOME%/platform-tools
Apple iTunes ( x86 、 x64 )
WebSocket4Net(在 Windows 7 上开发应用时需要使用)
可使用Visual Studio检测和维护下列环境变量中的安装路径:
Visual Studio 在创建并运行你的应用时会使用这些环境变量。 你可以通过 Visual Studio " 选项 " 对话框来查看环境变量并修改它们的值。
若要将环境变量重置为默认值,请取消选中其复选框或选择"重置为默认"。
Visual Studio 创建新的工程,在Solution Explorer 中包含以下的文件
全新的Cordova 项目目录结构:
www包含应用程序代码。
参考
https://www.visualstudio.com/en-US/explore/cordova-vs
https://msdn.microsoft.com/en-us/library/dn771552(v=vs.140).aspx
https://cordova.apache.org/
https://xamarin.com/msdn
作者:雪松
Microsoft MVP -- Windows Platform Development,
Hortonworks Certified Apache Hadoop 2.0 Developer