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

时间:2016-09-28 09:17:56

标签: ionic2 windows-10-mobile

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

1 个答案:

答案 0 :(得分:5)

好的,所以我通过它工作了大约8个小时(我认为问题的一大部分是期望一个网站会有所需的所有信息(即Ionic的文档),但最终它需要来自Ionic,Cordova和Microsoft的信息。无论如何,这是我的笔记:

在Windows移动设备上进行调试

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

的Config.xml

打开config.xml(设计器视图)并将任何API端点添加到'域访问'在' Common'中列出标签。 您可以在此处找到有关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中构建应用程序(您可以使用&#39;离子构建窗口构建&#39;但这对我来说是失败的,因为它试图构建生成的Windows项目而不首先设置cpu架构)。 转到项目文件夹&gt;平台&gt;窗口并打开cordovaapp.sln。 将Windows 10项目设置为默认启动,并检查它是否设置为windows-ARM。

构建解决方案。

套餐应用

MSDN: Packaging UWP Apps

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

https://api.example.com(规则:包含和WinRT:全部)

将api-certificate.cer文件复制到平台&gt; windows文件夹(或使用./reload-platform windows powershell脚本)。

转到项目&gt;商店&gt;创建应用包。
选择“否”&#39;本地包创建和跟随向导(问题只需要选择正确的架构)。 API的.cer文件将包含在包中。

将使用[projectName]。[verion]文件夹名称在AppPackages文件夹中创建包。

部署

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

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

TACO-VS: Packaging Windows Apps MSDN: Side-loading or Developer Mode? Technet: Side-load apps in Windows 10

配置设备以接受侧载应用

MSDN: Enable Side-Loading

使用开发人员功能

在您要启用的设备上,转到“设置”。选择更新&amp;安全性,然后选择开发人员。 选择您需要的访问级别 - 开发UWP应用程序,选择开发者模式,否则选择&#39; sideload apps&#39;。 阅读您选择的设置的免责声明,然后单击是接受更改。

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

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

在本地检查可用设备 C:\&#34;程序文件(x86)&#34; \&#34; Windows套件&#34; \ 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(证书)。让它安装。
安装证书允许启用sideload的系统安装包含该应用程序的已签名appxbundles。 接下来,单击appxbundle文件并让它也安装(等待30秒,因为它仍然在后台安装)。 注意:请勿尝试打开应用,除非它出现在最近的项目中。列表中, 否则,由于资产丢失,您将收到一些无声错误,屏幕将变为空白或只返回设备主菜单。

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

验证

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

MSDN: Validate Package

MSDN: Using the Windows App Certification Kit