Partage via


部署你的Apache Cordova 应用程序到Windows10

[原文发表地址] Targeting Windows 10 with your Apache Cordova app

[原文发表时间] 2015-07-29

今年四月,在我们推出的Windows 10 技术预览版2 中, Windows 10首次支持Apache Cordova的开发。现在,基于Windows 10的可用性,Windows10 的全面支持成为了Windows Apacha Cordova 平台的一部分并且集成到Visual Studio 2015中。

Apache Cordova 允许使用基于HTML,JavaScript以及CSS的单一代码库去编写针对iOS, Android, Windows, and Windows Phone(或者其他平台)的应用程序。对于通用Windows平台的支持, 意味着从这些单一代码库中,你也可以将整个Windows10的设备作为部署目标,比如电脑,手机,平板电脑,互联网设备以及HoloLens,Xbox,Surface 设备或者更多。部署到Windows10上的Cordocva应用程序可以在用户模式之间顺利切换,比如当用户不想用键盘的时候可以从台式机切换到平板电脑。他们还可以体验Windows 10的所有新功能,比如跟Cortana 的整合。

所有用HTML,CSS和JavaScript语言编写的Windows8.1的应用程序,不管属不属于Cordova,都将继续完全保真的在Windows10上运行。但是,如果你部署到Windows10上,你可以利用Windows网页应用程序安全模式的变化带来的优势,这种变化允许你用一种更自然的网络编码风格编写应用程序。例如:新的安全政策的变化意味着你可以使用你喜欢的JavaScript库,比如Angular和Bootstrap,同时还具有直接访问窗口运行库(WinRT)的权限。

你不需要在你的开发机器上运行Windows10去编译,运行和测试你的Cordova Windows 10应用程序。如果是Windows8.1,你可以用模拟器去运行你的应用程序,如果是Windows7 或者Windows8.1,你可以部署到一个远程的Windows10的机器或者设备上。如果你想要针对Windows8.1和Windows Phone8.1 进行编译,你可以用工程中config.xml文件的属性Windows-target-version和Windows-phone-target-version去设置。

让我们现在开始创建一个针对Windows10的Apache Cordova 应用程序。

预安装

· Windows10,Windows8.1或者winodws7

· Visual Studio 2015(包括Windows10 开发工具)

接下来是添加Windows10 Cordova 平台到工程中的部分细节

使用Cordova Windows 平台

如果你已经有一个你想添加Windows10支持的工程, 跳过” 添加windows 10 平台到你的Cordova 工程中

新建一个Cordova工程

打开Visual Studio,打开“文件> 新建 > 工程”菜单,然后选择“JavaScript > Apache Cordova Apps > 空白Cordova工程” 创建一个Cordova工程:

New Project Dialog

添加Windows10 平台到你的cordova工程

首先,Visual Studio需要使用5.1.1或者更高的Cordova CLI版本:通过双击解决方案管理器中的config.xml,打开Cordova配置设计器,选择左边的”Platforms”,然后将Cordova CLI的文本框设置成”5.1.1“

Change CLI Version

保存更改,用标签条的”X”关闭配置设计器。这步很重要,因为在下一步将下载一个新的配置。

现在在工具栏中将你的编译目标设置成”Windows-AnyCPU”(如下图所示),然后编译工程:”编译> 编译工程“

Build Target

由于第一次编译,node包管理器(npm)需要下载更新的Cordova平台并且添加到工程中,所以花费的时间稍微长一点,你可以通过Output窗口看到它的进程

现在重新双击config.xml打开配置设计器,工程中已经有一个正确的Windows平台的版本。选择左侧的”Windows“,将“Windows Target Version”改为Windows 10.0

Windows Target

添加一个Plugin到应用程序中

你也可以通过配置设计器的“Plugin”标签,添加一个Plugin到你的应用程序中。Core标签显示所有核心的 Plugin, 在Custom标签中,你可以添加本地或者Git上的Plugin. Installed标签显示已经存在当前工程中的Plugin.

Plugins

编译和运行应用程序

在Windows10编译和运行的话,要确保将编译目标设置成“Windows-AnyCPU”。选择一个部署目标去部署应用程序.如果你正在Windows10机器上进行开发,你可以选择”Local Machine“进行本地化部署。Remote Machine 是用来部署到另外一个Windows10的设备或者模拟器。如果你正在Windows8.1上运行,你可以在Remote Machine和移动模拟器之中选择。如果在Windows7上,选择Remote Machine.

如果你想在Windows10上运行并且本地化部署, 可以将部署目标设置成”Local Machine”,然后选择”运行“。如果弹出了关于开发者模式的信息,可以根据提示把你的机器设置成开发者模式。在很短的时间之后,你应该会看到你的应用程序正在运行。

Build and First Run

如果你想在Windows8.1上运行,你可以在部署目标菜单中选择一个可用的模拟器

EmulatorChoice

然后运行应用程序,你会看到模拟器被打开并且你的应用程序在上面运行。

                                      Emulator

了了解更多

你可以在Apache Cordova 网站上找到更多关于使用windows 10 Cordova 平台的信息。如果你想学习更多关于创建部署到Windows10的多种设备上的通用Windows 应用程序,可以打开” Soma关于在VS2015 中编译windows 10 公共应用的博客来获取更多细节信息”,参考” Windows 开发者中心“,或者可以观看如何使用visual studio开发的视频.

最后,请在Cordova Windows10平台的”Windows10”标签中给予我们反馈,期待您的答复!