Quantcast
Channel: MSDN Blogs
Viewing all articles
Browse latest Browse all 12366

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

$
0
0

[原文发表地址] 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”标签中给予我们反馈,期待您的答复!


Viewing all articles
Browse latest Browse all 12366

Trending Articles