创建 Xamarin.Forms 应用

概述

本教程说明如何使用作为后端的 Azure 应用服务的移动应用功能,向 Xamarin.Forms 移动应用添加基于云的后端服务。 请创建一个新的移动应用后端和一个简单的待办事项列表 Xamarin.Forms 应用,此应用将应用数据存储在 Azure 中。

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

先决条件

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

创建新的移动应用后端

若要创建新的移动应用后端,请执行以下操作:

  1. 登录到 Azure 门户

  2. 单击“创建资源”。

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

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

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

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

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

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

配置服务器项目

若要将服务器项目配置为使用 Node.js 或 .NET 后端,请执行以下操作:

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

下载并运行 Xamarin.Forms 解决方案

可以通过两种方式中的任一方式下载该解决方案。 将解决方案下载到 Mac 并在 Xamarin Studio 中打开它,或者将解决方案下载到 Windows 计算机并使用联网的 Mac 在 Visual Studio 中打开它以生成 iOS 应用。 有关详细信息,请参阅设置和安装 Visual Studio 和 Xamarin

在 Mac 或 Windows 计算机上执行以下操作:

  1. 转到 Azure 门户

  2. 在移动应用的设置边栏选项卡上,单击“快速入门”(在“部署”下)>“Xamarin.Forms”。 在步骤 3 下,单击“创建新应用”(如果尚未选择它)。 接下来,单击“下载” 按钮。

    此操作下载一个项目,其中包含连接到移动应用的客户端应用程序。 将压缩的项目文件保存到本地计算机,并记下保存位置。

  3. 解压缩下载的项目,然后在 Xamarin Studio (Mac) 或 Visual Studio (Windows) 中打开它。

    在 Xamarin Studio 中解压缩的项目

    在 Visual Studio 中解压缩的项目

(可选)运行 iOS 项目

在本部分,请运行适用于 iOS 设备的 Xamarin iOS 项目。 如果不使用 iOS 设备,可以跳过本部分。

在 Xamarin Studio 中

  1. 右键单击 iOS 项目,然后选择“设为启动项目”。

  2. 在“运行”菜单上,选择“开始调试”以生成项目,并在 iPhone 模拟器中启动应用。

在 Visual Studio 中

  1. 右键单击 iOS 项目,然后选择“设为启动项目”。

  2. 在“生成”菜单上,选择“配置管理器”。

  3. 在“配置管理器”对话框中,选中 iOS 项目旁边的“生成”和“部署”复选框。

  4. 若要生成项目并在 iPhone 模拟器中启动应用,请选择 F5 键。

    Note

    如果在生成项目时遇到生成问题,请运行 NuGet 包管理器并更新到 Xamarin 支持包的最新版本。 快速入门项目在更新到最新版本时可能较慢。

  5. 在应用中键入有意义的文本(例如“Learn Xamarin”),然后选择加号 (+)。

    此操作向在 Azure 中托管的新移动应用后端发送 post 请求。 来自请求的数据被插入到 TodoItem 表。 存储在表中的项由移动应用后端返回,数据显示在列表中。

    Note

    可在解决方案的可移植类库项目的 TodoItemManager.cs C# 文件中找到用于访问移动应用后端的代码。

(可选)运行 Android 项目

在本部分,请运行适用于 Android 的 Xamarin droid 项目。 如果不使用 Android 设备,可以跳过本部分。

在 Xamarin Studio 中

  1. 右键单击 Android 项目,然后选择“设为启动项目”。

  2. 若要生成项目,并在 Android 模拟器中启动应用,请在“运行”菜单上选择“开始调试”。

在 Visual Studio 中

  1. 右键单击 Android (Droid) 项目,然后选择“设为启动项目”。

  2. 在“生成”菜单上,选择“配置管理器”。

  3. 在“配置管理器”对话框中,选中 Android 项目旁边的“生成”和“部署”复选框。

  4. 若要生成项目并在 Android 模拟器中启动应用,请选择 F5 键。

    Note

    如果在生成项目时遇到生成问题,请运行 NuGet 包管理器并更新到 Xamarin 支持包的最新版本。 快速入门项目在更新到最新版本时可能较慢。

  5. 在应用中键入有意义的文本(例如“Learn Xamarin”),然后选择加号 (+)。

    此操作向在 Azure 中托管的新移动应用后端发送 post 请求。 来自请求的数据被插入到 TodoItem 表。 存储在表中的项由移动应用后端返回,数据显示在列表中。

    Note

    可在解决方案的可移植类库项目的 TodoItemManager.cs C# 文件中找到用于访问移动应用后端的代码。

(可选)运行 Windows 项目

在本部分,请运行适用于 Windows 设备的 Xamarin WinApp 项目。 如果不使用 Windows 设备,可以跳过本部分。

在 Visual Studio 中

  1. 右键单击任一 Windows 项目,然后选择“设为启动项目”。

  2. 在“生成”菜单上,选择“配置管理器”。

  3. 在“配置管理器”对话框中,选中所选 Windows 项目旁边的“生成”和“部署”复选框。

  4. 若要生成项目并在 Windows 模拟器中启动应用,请选择 F5 键。

    Note

    如果在生成项目时遇到生成问题,请运行 NuGet 包管理器并更新到 Xamarin 支持包的最新版本。 快速入门项目在更新到最新版本时可能较慢。

  5. 在应用中键入有意义的文本(例如“Learn Xamarin”),然后选择加号 (+)。

    此操作向在 Azure 中托管的新移动应用后端发送 post 请求。 来自请求的数据被插入到 TodoItem 表。 存储在表中的项由移动应用后端返回,数据显示在列表中。

    Note

    可在解决方案的可移植类库项目的 TodoItemManager.cs C# 文件中找到用于访问移动应用后端的代码。

后续步骤