创建 Windows 应用

概述

本教程说明如何向通用 Windows 平台 (UWP) 应用添加基于云的后端服务。 有关详细信息,请参阅 什么是移动应用。 以下是已完成应用的截屏:

已完成的桌面应用

在桌面上运行。

已完成的手机应用

在手机上运行

只有在完成本教程后,才可以学习有关 UWP 应用的所有其他移动应用教程。

先决条件

要完成本教程,需要以下各项:

  • 有效的 Azure 帐户。如果没有帐户,可以注册 Azure 试用版并获取多达 10 个免费的移动应用,即使在试用期结束之后仍可继续使用这些应用。有关详细信息,请参阅 Azure 试用

  • Visual Studio Community 2015 或更高版本。

创建新的 Azure 移动应用后端

按照下列步骤创建新的移动应用后端。

  1. 登录到 Azure 门户

  2. 单击“创建资源”。

  3. 在“搜索”框中键入“移动应用”。

    突出显示移动应用快速启动的 Azure 门户

  4. 在结果列表中,选择“移动应用快速入门”,然后选择“创建”。

  5. 在“资源组”下,选择现有资源组,或创建新组(使用与应用相同的名称)。

  6. 单击“创建” 。 稍等几分钟,等服务部署成功后再继续。

现已预配可供移动客户端应用程序使用的 Azure 移动应用后端。接下来,将为简单的“待办事项列表”后端下载服务器项目并将其发布到 Azure。

配置服务器项目

  1. 单击“应用服务”按钮,然后依次选择移动应用后端、“快速入门”、客户端平台(iOS、Android、Xamarin、Cordova)。

    突出显示移动应用快速启动的 Azure 门户

  2. 如果未配置数据库连接,请创建一个,方法是执行以下操作:

    Azure 门户:移动应用:连接到数据库

    a. 新建 SQL 数据库和服务器。

    Azure 门户:移动应用:新建数据库和服务器

    b. 等到成功创建数据连接。

    成功创建数据连接的 Azure 门户通知

    c. 数据连接必须成功。

    Azure 门户通知“你已经有一个数据连接”

  3. 在“2.创建表 API”下,为“后端语言”选择“Node.js”。

  4. 接受确认,然后选择“创建 TodoItem 表”。
    此操作会在数据库中创建一个新的代办事项表。

    Important

    将现有的后端切换到 Node.js 会覆盖所有内容。 若改为创建 .NET 后端,请参阅使用适用于移动应用的 .NET 后端服务器

下载并运行客户端项目

配置移动应用后端后,可以创建新的客户端应用或修改现有应用以连接到 Azure。 在此部分中,将下载自定义为连接到移动应用后端的 UWP 应用模板项目。

  1. 返回移动应用后端的“快速入门”边栏选项卡,单击“创建新应用” > “下载”,然后将压缩的项目文件提取到本地计算机上。

    下载 Windows 快速入门项目

  2. (可选)将 UWP 应用项目添加到服务器项目所在的同一解决方案。 这样更易于调试和测试同一 Visual Studio 解决方案中的应用和后端(如果选择这样做)。 若要向解决方案添加 UWP 应用项目,必须使用 Visual Studio 2015 或更高版本。

  3. 将 UWP 应用设为启动项目后,按 F5 键部署和运行该应用。

  4. 在应用的“插入待办事项”文本框中键入有意义的文本(例如“完成教程”),然后单击“保存”。

    Windows 快速入门完整桌面

    这样可向 Azure 中托管的新移动应用后端发送 POST 请求。

  5. (可选)停止该应用,然后在其他设备或移动模拟器上重新启动它。

    Windows 快速入门完整手机

    请注意,UWP 应用启动后,将从 Azure 加载上一步中保存的数据。

后续步骤

  • 向应用添加身份验证
    了解如何使用标识提供者对应用程序的用户进行身份验证。

  • 为应用启用脱机同步
    了解如何使用移动应用后端向应用添加脱机支持。 借助脱机同步,最终用户即使在没有网络连接时也能够与移动应用进行交互(查看、添加或修改数据)。