通过

创建 iOS 应用

概述

本教程演示如何将 Azure 应用服务移动应用（云后端服务）添加到 iOS 应用。 第一步是在 Azure 上创建新的移动后端。 然后，下载一个简单的 Todo 列表 iOS 示例应用，用于在 Azure 中存储数据。

若要完成本教程，需要 Mac 和 Azure 帐户

创建新的 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/。

运行 iOS 应用

  1. 使用 Xcode 打开下载的客户端项目。

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

  3. 对于 Swift 项目，请打开此文件夹中的文件 ToDoTableViewController.swift - ZUMOAPPNAME/ZUMOAPPNAME/ToDoTableViewController.swift。 应用程序名称 ZUMOAPPNAME。

  4. 在 viewDidLoad() 方法中，将 ZUMOAPPURL 参数替换为上面的公共终结点。

    let client = MSClient(applicationURLString: "ZUMOAPPURL")

    将变为

    let client = MSClient(applicationURLString: "https://test123.azurewebsites.net")

  5. 对于 Objective-C 项目，请打开此文件夹中的文件 QSTodoService.m - ZUMOAPPNAME/ZUMOAPPNAME。 应用程序名称 ZUMOAPPNAME。

  6. 在 init 方法中，将 ZUMOAPPURL 参数替换为上面的公共终结点。

    self.client = [MSClient clientWithApplicationURLString:@"ZUMOAPPURL"];

    将变为

    self.client = [MSClient clientWithApplicationURLString:@"https://test123.azurewebsites.net"];

  7. 按 “运行 ”按钮生成项目并在 iOS 模拟器中启动应用。

  8. 在应用中，单击加号（+）图标，键入有意义的文本，例如 完成教程，然后单击“保存”按钮。 这会向之前部署的 Azure 后端发送 POST 请求。 后端将数据从请求插入 TodoItem SQL 表中，并将有关新存储项的信息返回给移动应用。 移动应用在列表中显示此数据。

    在 iOS 上运行的快速入门应用