如何在Windows 10 Mobile手机上测试Ionic 2应用程序？

Question

我很难找到有关Windows 10手机测试的有意义的文档。 我已将win 10添加为平台并创建了一个项目文件夹，但从这一点上不清楚该怎么做。 有人完成了这个过程吗？

- Astravagrant

Answer 1

好的，我花了大约8个小时来处理这个问题（我认为问题的一个很大的部分是期望一个单一的网站会有所有所需信息（即Ionic的文档），但最终它需要来自Ionic、Cordova和Microsoft的信息。无论如何，以下是我的笔记：

在Windows移动设备上进行调试

确保您已经运行了'ionic platform add windows'。 从platforms/windows文件夹中打开Windows 10项目（您可以打开解决方案，但如果这样做，请确保Win 10项目设置为默认启动）。 将CPU类型设置为Windows-ARM（适用于Lumia 550）。

Config.xml

打开config.xml（设计师视图），并将任何API端点添加到“常规”选项卡中的“域访问”列表中。 您可以在这里找到关于config.xml的更多信息： Cordova: Config.xml

在“Windows”选项卡下，确保Windows 10是目标版本。

证书

Win手机应用程序需要本地存储的证书才能访问SSL上的资源。

从服务器下载证书 （通过浏览器完成，点击锁形图标或类似的东西，保存为DER类型 - 因为某种原因它有 .cer 扩展名）。 将证书保存到项目根目录，例如 'api-certificate.cer'

将以下内容添加到package.windows10..appxmanifest

<Extensions>
    <!--Certificates Extension-->
    <Extension Category="windows.certificates">
        <Certificates>
            <Certificate StoreName="Root" Content="api-certificate.cer" />        
        </Certificates>
    </Extension>
</Extensions>

如果需要的话，可以通过这种方式添加额外的证书（我猜测）。

请确保将.cer文件包含在项目中，因为它需要被包含在构建的软件包中。

二进制文件

调试过程可能需要一些默认情况下未复制到软件包中的二进制文件。 对于我来说，SqlLite没有被复制，需要将其复制到调试文件夹和任何芯片体系结构特定的依赖文件夹中，例如ARM。您将看到显示缺少哪些文件的错误（甚至为它们创建了空文件夹）。

构建

在VS中构建应用程序（您可以使用“ionic build windows”进行构建，但是自从设置cpu架构之后尝试构建生成的Windows项目以来，它一直失败）。 转到项目文件夹>平台>窗口，并打开cordovaapp.sln。 将windows 10项目设置为启动默认值，并检查其是否设置为windows-ARM。

构建解决方案。

打包应用程序

MSDN：打包UWP应用程序

确保win 10项目的appxmanifest文件包含数据API的内容URI：

https://api.example.com（规则：包含和WinRT：全部）

将api-certificate.cer文件复制到platform> windows文件夹中（或使用./reload-platform windows powershell脚本）。

转到项目>商店>创建应用程序包。 选择“否”以进行本地软件包创建，并按照向导操作（可能只需要选择正确的体系结构）。 API的.cer文件将包含在软件包中。

软件包将在AppPackages文件夹中创建，具有[projectName]。[verion]文件夹名称。

部署

如果它正在USB连接的设备上运行，则可能可以部署到应用商店。

以下是一些有用资源的粗略组合：

TACO-VS：打包Windows应用程序 MSDN：侧载应用程序还是开发人员模式？ Technet：在Windows 10中侧载应用程序

配置设备以接受侧载应用程序

MSDN：启用侧边加载

使用开发人员功能

在您要启用的设备上，转到“设置”。选择“更新和安全性”，然后选择“开发人员选项”。 选择所需的访问级别 - 要开发 UWP 应用，请选择“开发人员模式”，否则选择“侧载应用程序”。 阅读您选择的设置的免责声明，然后单击“是”以接受更改。

可选项：使用 winappdeploycmd.exe 部署

(MSDN: 使用 WinAppDeployCmd.exe 部署 UW 应用程序](https://msdn.microsoft.com/zh-cn/windows/uwp/packaging/install-universal-windows-apps-with-the-winappdeploycmd-tool)

检查本地可用设备 C:\"Program Files (x86)"\"Windows Kits"\10\bin\x86\winappdeploycmd 设备

注意：此过程（winappdeploycmd）可能没有太多用处，因为我们将要么将文件提供给未管理的设备客户，要么让他们从应用商店下载，但它可能在没有 Visual Studio 的情况下有用。

将 .cer 和 .appxbundle 复制到手机并安装

通过 USB 将手机连接到 PC，并从新构建文件夹中复制两个文件到手机上（例如，下载文件夹）：

示例文件名

CordovaApp.Windows10_0.0.2.0_arm.cer CordovaApp.Windows10_0.0.2.0_arm.appxbundle

在手机上打开文件资源管理器，先点击 .cer（证书）。让它安装。
安装证书允许侧载已签名的 appxbundles 包含应用程序。 接下来，再点击 appxbundle 文件，让它也安装（等待 30 秒，因为它仍在后台安装）。 注意：不要尝试打开应用程序，除非它出现在“最近项目”列表中， 否则由于缺少资源，您将会遇到一些错误且屏幕将变空或返回设备主菜单。

一旦它出现在应用程序菜单中，您就可以正常加载它了。

验证

使用开发人员许可证，在将应用程序提交到应用商店之前可以进行验证。

MSDN：验证软件包

MSDN：使用 Windows 应用程序认证工具

- Astravagrant