如何在Windows 10移动电话上测试Ionic 2应用程序？

Question

我很难找到有关Windows 10手机测试的有意义的文档。 我已经添加了win 10作为平台，它创建了一个项目文件夹，但是目前还不清楚从这一点开始做什么。 有没有人通过这个过程？

Answer 1

好吧，所以我通过它工作了大约8个小时（我认为问题的很大一部分是期望一个站点将需要所有信息（即Ionic的文档），但最终它需要来自Ionic，Cordova和Microsoft的信息无论如何，这是我的笔记：

在Windows移动设备上进行调试

确保您运行'离子平台添加窗口'。 从平台/ Windows文件夹打开Windows 10项目（您可以打开解决方案，但如果这样做，请确保将win 10项目设置为默认启动）。 将cpu类型设置为windows-ARM（用于Lumia 550）。

config.xml中

打开config.xml（设计器视图）并将任何API端点添加到“公共”选项卡中的“域访问”列表中。 您可以在此处找到有关config.xml的更多信息： Cordova：Config.xml

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

证书

Win phone aps需要本地存储的证书才能通过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中构建应用程序（您可以使用'离子构建窗口'构建，但这对我来说是失败的，因为它试图构建生成的Windows项目而不首先设置cpu架构）。 转到项目文件夹>平台>窗口并打开cordovaapp.sln。 将Windows 10项目设置为默认启动并检查它是否设置为windows-ARM。

构建解决方案

套餐应用

MSDN：打包UWP应用程序

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

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

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

转到项目>商店>创建应用包。
选择“否”以创建本地包并按照向导（概率只需要选择正确的体系结构）。 API的.cer文件将包含在包中。

该包将在AppPackages文件夹中创建，其中包含[projectName]。[verion]文件夹名称。

部署

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

这是一个有用资源的粗略组合：

TACO-VS：打包Windows应用程序 MSDN：侧载或开发者模式？ Technet：Windows 10中的侧载应用程序

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

MSDN：启用侧载

使用开发人员功能

在要启用的设备上，转到“设置”。 选择Update＆security，然后选择For developers。 选择您需要的访问级别 - 开发UWP应用程序，选择开发者模式，否则选择“侧载应用程序”。 阅读您选择的设置的免责声明，然后单击是以接受更改。

可选：使用winappdeploycmd.exe进行部署

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

在本地检查可用设备C：\\“Program Files（x86）”\\“Windows Kits”\\ 10 \\ bin \\ x86 \\ winappdeploycmd devices

注意：此过程（winappdeploycmd）可能用处不大，因为我们要么将文件提供给非托管设备客户，要么让他们从应用商店下载，但它可能有助于代替visual studio。

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

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

示例文件名

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

在手机上打开文件资源管理器，然后单击.cer（证书）。 让它安装。
安装证书允许启用sideload的系统安装包含该应用程序的已签名appxbundles。 接下来，单击appxbundle文件并让它也安装（等待30秒，因为它仍然在后台安装）。 注意：请勿尝试打开应用程序，除非它出现在“最近项目”列表中，否则您将因缺少资产而出现一些无提示错误，屏幕将变为空白或只返回到设备主菜单。

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

验证

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

MSDN：验证包

MSDN：使用Windows应用认证工具包