通过

创建 Xamarin iOS 应用

概述

本教程介绍如何使用 Azure 移动应用后端将基于云的后端服务添加到 Xamarin.iOS 移动应用。 同时创建新的移动应用后端和简单的 Todo 列表 Xamarin.iOS 应用，用于在 Azure 中存储应用数据。

完成本教程是有关在 Azure 应用服务中使用移动应用功能的其他所有 Xamarin.iOS 教程的先决条件。

先决条件

若要完成本教程，需要具备以下先决条件：

  • 有效的 Azure 帐户。 如果没有帐户，请注册 Azure 试用版，并获取最多 10 个免费移动应用，即使在试用期结束后，也可以继续使用该应用。 有关详细信息，请参阅 Azure 免费试用。
  • Visual Studio for Mac。 请参阅 Visual Studio for Mac 的设置和安装
  • 具有 Xcode 9.0 或更高版本的 Mac。

创建 Azure 移动应用后端

  1. 登录到 Azure 门户。

  2. 单击“创建资源”。

  3. 在搜索框中，键入 Web 应用。

  4. 在结果列表中，从市场中选择 Web 应用。

  5. 选择 订阅，资源组（选择现有资源组 或 创建一个新资源组（与应用同名）。

  6. 选择你的 web 应用的唯一 名称。

  7. 选择默认 “发布”选项作为 Code。

  8. 在 运行时堆栈中，需要在 ASP.NET 或 节点下选择版本。 如果要生成 .NET 后端，请选择 ASP.NET 下的版本。 否则，如果您要面向基于Node.js的应用程序，请从Node.js中选择一个版本。

  9. 选择合适的 操作系统（Linux或Windows）。

  10. 选择要在其中部署此应用的 区域。

  11. 选择适当的 应用服务计划，并点击 审核并创建。

  12. 在 资源组下，选择现有资源组 或 创建新资源组（使用与应用同名）。

  13. 单击 “创建” 。 等待几分钟，让服务成功部署，然后再继续。 查看门户标头中的“通知”图标，了解状态更新。

  14. 部署完成后，单击 部署详细信息 部分，然后单击类型 的资源Microsoft.Web/sites。 它将导航到刚刚创建的应用服务 Web 应用。

  15. 单击 设置 下的“配置” 边栏选项卡，然后在 应用程序设置中，单击“新建应用程序设置” 按钮。

  16. 在 添加/编辑应用程序设置 页中，输入 名称 为 MobileAppsManagement_EXTENSION_VERSION，值作为 最新的，然后点击“确定”。

你已经准备好使用这个新创建的应用服务网站作为移动应用。

创建数据库连接并配置客户端和服务器项目

  1. 下载适用于以下平台的客户端 SDK 快速入门：

    iOS （Objective-C）
    iOS （Swift）
    Android （Java）
    Xamarin.iOS
    Xamarin.Android
    Xamarin.Forms
    科尔多瓦
    Windows （C#）

    注释

    如果使用 iOS 项目，则需要从 最新的 GitHub 版本下载“azuresdk-iOS-*.zip”。 解压缩 MicrosoftAzureMobile.framework 文件并将其添加到项目的根目录中。

  2. 必须添加数据库连接或连接到现有连接。 首先，确定是要创建数据存储还是使用现有数据存储。

    • 创建新的数据存储：如果要创建数据存储，请使用以下快速入门：

      快速入门：Azure SQL 数据库中的单一数据库入门

    • 现有数据源：如果要使用现有数据库连接，请按照以下说明作

      1. SQL 数据库连接字符串格式 - Data Source=tcp:{your_SQLServer},{port};Initial Catalog={your_catalogue};User ID={your_username};Password={your_password}

        {your_SQLServer} 服务器名称，可以在数据库的概述页中找到，通常采用“server_name.database.windows.net”的形式。 {port} 通常为 1433。 {your_catalogue} 数据库的名称。 {your_username} 用户名来访问数据库。 {your_password} 密码来访问数据库。

        详细了解 SQL 连接字符串格式

      2. 将连接字符串添加到 移动应用 应用服务中，可以使用菜单中 配置 选项管理应用程序的连接字符串。

        添加连接字符串：

        1. 单击 “应用程序设置” 选项卡。

        2. 单击 [+] 新建连接字符串。

        3. 需要为连接字符串提供 名称、值 和 类型。

        4. 键入 名称 为 MS_TableConnectionString

        5. 值应是前面步骤中形成的连接字符串。

        6. 如果要向 SQL Azure 数据库添加连接字符串，请在 类型下选择 SQLAzure。

  3. Azure 移动应用具有适用于 .NET 和 Node.js 后端的 SDK。

    • Node.js 后端

      如果要使用 Node.js 快速入门应用，请按照以下说明进行操作。

      1. 在 Azure 门户中，转到 简易表，你将看到此屏幕。

        节点简易表

      2. 请确保已在 配置 选项卡中添加 SQL 连接字符串。然后选中“”框，确认这将覆盖 的所有网站内容，然后单击“创建 TodoItem 表 ”按钮。

        节点简易表配置

      3. 在 简易表中，单击“+ 添加”按钮。

        节点简单表格添加按钮

      4. 创建TodoItem表，允许匿名访问。

        节点简易表新增表

    • .NET 后端

      如果要使用 .NET 快速入门应用，请按照以下说明作。

      1. 从 azure-mobile-apps-quickstarts 存储库下载 Azure 移动应用 .NET 服务器项目。

      2. 在 Visual Studio 本地生成 .NET 服务器项目。

      3. 在 Visual Studio 中，打开解决方案资源管理器，右键单击 ZUMOAPPNAMEService 项目，单击 发布，你将看到一个 Publish to App Service 窗口。 如果您使用的是 Mac，请在此处 查看其他部署应用的方法。

        Visual Studio 发布

      4. 选择 应用服务 作为发布目标，然后单击 选择现有，然后单击窗口底部的 发布 按钮。

      5. 首先需要使用 Azure 订阅登录到 Visual Studio。 选择 Subscription，Resource Group，然后选择应用的名称。 准备就绪后，单击“确定”，这将在本地将本地的 .NET 服务器项目部署到应用服务后端。 部署完成后，将在浏览器中重定向到 http://{zumoappname}.azurewebsites.net/。

运行 Xamarin.iOS 应用

  1. 打开 Xamarin.iOS 项目。

  2. 转到 Azure 门户 并导航到创建的移动应用。 在 Overview 面板上，查找作为移动应用公共终结点的 URL。 示例 - 我的应用名称“test123”的站点名称将是https://test123.azurewebsites.net。

  3. 打开此文件夹中的文件 QSTodoService.cs - xamarin.iOS/ZUMOAPPNAME。 应用程序名称 ZUMOAPPNAME。

  4. 在 QSTodoService 类中，将 ZUMOAPPURL 变量替换为上面的公共终结点。

    const string applicationURL = @"ZUMOAPPURL";

    将变为

    const string applicationURL = @"https://test123.azurewebsites.net";

  5. 按 F5 键在 iPhone 模拟器中部署和运行应用。

  6. 在应用中，键入有意义的文本，例如 完成教程 ，然后单击+按钮。

    请求中的数据将插入 TodoItem 表中。 表中存储的项目由移动应用后端返回，数据显示在列表中。

    注释

    可以查看访问移动应用后端以查询和插入数据的代码，该代码位于 ToDoActivity.cs C# 文件中。

  • Last updated on