使用 Parallels 生成适用于 iOS 的 Cordova 应用

本文向你介绍如何在 Visual Studio 中使用 Apache Cordova 生成混合应用并利用 Parallels 将它们部署到 iOS。 若要完成此操作,你将需要:

可以运行 Mavericks 或 Yosemite 的所有 Mac 都应使用 Paralles 和 Visual Studio,如 2013 MacBook Pro。

配置 Parallels

若要在 Mac 中安装 Parallels 和 Windows 8,请按照 Parallels 附带的说明进行操作。 安装好 Parallels 和 Windows 8 后,考虑是否应为 VM 提供额外的 RAM 和存储空间,因为默认的空间值可能不够。 下图显示 Parallels 中的一些设置示例。

纬线配置设置

在我们测试的环境中,我们为 VM 提供 2 个 CPU 和 3 GB RAM(在 Mac 上则提供 8 GB RAM)。 这为 Windows 提供了良好的性能,同时也为 OS X 留出了大量的内存。

利用 vs-mda-remote 设置 Node.js

启动并运行 Parallels 后,便可对 Mac 进行设置。 首先,你需要安装 Node.js on OS X。 请按照 http://nodejs.org 中的指南进行安装。

安装好 Node.js 后,获取 vs-mda-remote 代理。 此远程代理可以使 Visual Studio 与 OS X 进行通信,同时将 Mac 用作生成服务。 你可以通过在 Mac 中打开终端应用并键入以下命令安装 vs-mda-remote:

sudo npm install -g vs-mda-remote

上述命令将为你 Mac 上的所有 Node.js 用户安装 vs-mda-remote 代理。 此命令还会安装依赖项 ios-sim(稍后我们将用到 ios-sim)。 如果你不希望其他人使用 vs-mda-remote 代理,你可以删除命令中的 –g 标志,仅为当前用户安装代理。

重要

如果 Node.js 显示错误消息,你可能需要首先启动 Xcode,然后接受一个或多个许可协议。执行这些操作后,请重新运行上述命令。

确保你已经运行 Parallels。 安装 vs-mda-remote 后,在终端应用中键入以下命令启动代理。

vs-mda-remote

备注

默认情况下,~/remote_builds/ 中将显示 iOS 版本。

首次运行 vs-mda-remote 时,代理会创建一些安全证书,你应该看到与下图相似的内容。

首次启动远程代理时输出

在 Visual Studio 中配置代理时,你将需要使用 PIN。 vs-mda-remote 代理现在已经启动并运行。 使终端应用保持打开状态。

获取 Mac 上的 IP 地址

当 Parallels 运行时,从 Parallels 连接到 Mac 端最可靠的方法是使用其中一个 vnic IP 地址,因为在两次重启之间,该地址通常不会更改。 你可以通过转到终端应用并键入以下命令获得这些 IP 地址:

ifconfig

结果应与以下内容相似。

终端应用中的 ifconfig 命令

任意 vnic IP 地址都将起到作用。 当 vs-mda-remote 正在运行并且可以使用 vnic IP 时,你可以在 Parallels 中打开 Visual Studio,并在 Mac 上开始构建。

配置 Visual Studio 以使用 vs-mda-remote

在 Parallels 中打开 Visual Studio 后,选择“工具”,然后选择“选项”。 打开“Tools for Apache Cordova”,然后选择“远程代理配置”。 对远程代理设置进行以下更改。

  • 将“启用远程 iOS 处理”设置为“True”。

  • 将“主机”设置为你先前获取的其中一个 vnic IP 地址。

  • 使用 3000 的默认“端口”设置。

  • 将“安全 PIN”设置为你首次运行 vs-mda-remote 显示的 PIN。

在 Visual Studio 中配置远程代理

备注

如果在“选项”对话框中未看到“Tools for Apache Cordova”,那么你可能需要安装这些工具。使用本文开头处的链接获取这些工具。(如果已经安装了这些工具,请尝试选中“选项”对话框底部显示的“显示所有设置”复选框。)

如果安全 PIN 过期,你可能需要再次重新生成证书。 有关详细信息,请参阅安装工具以创建针对 iOS 的应用

生成适用于 iOS 的项目

然后,确保将你的项目设置为适用于 iOS 的版本。 如果在调试工具栏中未看到“解决方案平台”列表,你可以通过选择调试工具栏右侧的下拉箭头显示列表,如下图所示。

选择用于部署的平台

在“解决方案平台”列表中选择“iOS”。 然后,在“调试目标”列表中选择你希望在其中生成项目的设备,例如“模拟器 – iPhone 5”。

选择 iOS 模拟器

选定需要的设备后,选择开始调试按钮(绿色向右箭头)。 Visual Studio 将生成项目,并将一些生成任务移交给 vs-mda-remote。 生成完成后,vs-mda-remote 会启动模拟器并加载你的应用。

iOS 模拟器

现在你即拥有一个有效的混合移动应用开发环境,该环境适用于使用 Visual Studio 和 Parallels 的 iOS。 你可以开发 Cordova 应用并可以轻松地在 iOS 中对其进行测试。

在后续的开发会话中,关闭后,你将需要重启 vs-mda-remote。 如前面所述,只需在 OS X 中打开终端应用并在命令行中键入以下内容:

vs-mda-remote 

那么,祝你好运!开始你下一款移动应用开发的幸福之旅吧!