创建 Apache Cordova 应用

概述

本教程说明如何使用 Azure 移动应用后端向 Apache Cordova 移动应用添加基于云的后端服务。 将创建一个新的移动应用后端以及一个简单的待办事项列表 Apache Cordova 应用,此应用将应用数据存储在 Azure 中。

只有在完成本教程后,才可以学习有关使用 Azure 应用服务中的移动应用功能的所有其他 Apache Cordova 教程。

先决条件

若要完成本教程,需要满足以下先决条件:

也可以绕过 Visual Studio,直接使用 Apache Cordova 命令行。在 Mac 计算机上学习本教程时,使用命令行相当有效。本教程不介绍如何使用命令行编译 Apache Cordova 客户端应用程序。

创建 Azure 移动应用后端

  1. 登录到 Azure 门户

  2. 单击“创建资源”。

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

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

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

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

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

配置服务器项目

  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 后端服务器

下载并运行 Apache Cordova 应用

  1. 访问 Azure 门户
  2. 依次单击“浏览全部”>“移动应用”> 刚创建的后端。
  3. 在移动应用设置中,依次单击“快速启动”>“Cordova”。
  4. 在“配置客户端应用程序”下,选择“创建新应用”,然后单击“下载”。
  5. 将已下载的 ZIP 文件解压到硬盘上的目录,导航到解决方案文件 (.sln),并使用 Visual Studio 打开。
  6. 在 Visual Studio 中,在开始箭头旁边的下拉列表中选择解决方案平台(Android、iOS 或 Windows)。通过单击绿色箭头的下拉列表,选择特定的部署设备或仿真程序。可以使用默认 Android 平台和 Ripple 仿真程序。更高级的教程(例如,推送通知)会要求选择支持的设备或仿真程序。
  7. 按 F5 或单击绿色箭头,可生成并运行 Cordova 应用。如果在仿真程序中看到要求访问网络的安全性对话,请接受。
  8. 在设备或仿真程序上启动应用后,在“输入新文本”中键入有意义的文本,例如“完成教程”,然后单击“添加”按钮。

后端会将请求中的数据插入 SQL 数据库的 TodoItem 表中,并将新存储项的相关信息返回到移动应用。移动应用会在列表中显示此数据。

可以为其他平台重复步骤 3 至 5。

后续步骤

完成本快速入门教程后,请继续学习下列教程之一:

详细了解 Azure 应用服务的重要概念。

了解如何使用 SDK。