教程：使用 SQL 数据库在 Azure 中生成 ASP.NET 应用Tutorial: Build an ASP.NET app in Azure with SQL Database

• 08/12/2019
• • 
  • 
  • 
  • 

Azure 应用服务提供高度可缩放、自修补的 Web 托管服务。Azure App Service provides a highly scalable, self-patching web hosting service. 本教程演示如何在应用服务中部署数据驱动的 ASP.NET 应用，以及如何将其连接到 Azure SQL 数据库。This tutorial shows you how to deploy a data-driven ASP.NET app in App Service and connect it to Azure SQL Database. 完成后，你便拥有了一个在 Azure 中运行并连接到 SQL 数据库的 ASP.NET 应用。When you're finished, you have an ASP.NET app running in Azure and connected to SQL Database.

本教程介绍如何执行下列操作：In this tutorial, you learn how to:

如果没有 Azure 订阅，可在开始前创建一个试用帐户。If you don't have an Azure subscription, create a trial account before you begin.

先决条件Prerequisites

完成本教程：To complete this tutorial:

安装带有 ASP.NET 和 Web 开发 工作负荷的 Visual Studio 2019。Install Visual Studio 2019 with the ASP.NET and web development workload.

如果已安装 Visual Studio，请单击“工具” > Get Tools and Features“获取工具和功能”，以便在 Visual Studio 中添加工作负荷。If you've installed Visual Studio already, add the workloads in Visual Studio by clicking Tools > Get Tools and Features.

下载示例Download the sample

• 下载示例项目。Download the sample project.
• 提取（解压缩）dotnet-sqldb-tutorial-master.zip 文件。Extract (unzip) the dotnet-sqldb-tutorial-master.zip file.

此示例项目包含一个使用 Entity Framework Code First 的基本 ASP.NET MVC 创建-读取-更新-删除 (CRUD) 应用。The sample project contains a basic ASP.NET MVC create-read-update-delete (CRUD) app using Entity Framework Code First.

运行应用程序Run the app

在 Visual Studio 中打开 dotnet-sqldb-tutorial-master/DotNetAppSqlDb.sln 文件。Open the dotnet-sqldb-tutorial-master/DotNetAppSqlDb.sln file in Visual Studio.

键入 Ctrl+F5，在不调试的情况下运行该应用。Type Ctrl+F5 to run the app without debugging. 该应用在默认的浏览器中显示。The app is displayed in your default browser. 选择“新建”链接，创建多个待办事项。 Select the Create New link and create a couple to-do items.

测试“编辑”、“详细信息”和“删除”链接。 Test the Edit, Details, and Delete links.

该应用使用数据库上下文与数据库进行连接。The app uses a database context to connect with the database. 在此示例中，数据库上下文使用名为 MyDbConnection 的连接字符串。In this sample, the database context uses a connection string named MyDbConnection. 此连接字符串在 Web.config 文件中设置，在 Models/MyDatabaseContext.cs 文件中引用。The connection string is set in the Web.config file and referenced in the Models/MyDatabaseContext.cs file. 在教程后面部分，该连接字符串名称用于将 Azure 应用连接到 Azure SQL 数据库。The connection string name is used later in the tutorial to connect the Azure app to an Azure SQL Database.

使用 SQL 数据库发布到 AzurePublish to Azure with SQL Database

在“解决方案资源管理器” 中，右键单击 “DotNetAppSqlDb” 项目，然后选择“发布” 。In the Solution Explorer, right-click your DotNetAppSqlDb project and select Publish.

确保已选择“Azure 应用服务”，然后单击“发布”。 Make sure that Azure App Service is selected and click Publish.

发布将打开“创建应用服务”对话框，这有助于创建在 Azure 中运行 ASP.NET 应用所需的所有 Azure 资源 。Publishing opens the Create App Service dialog, which helps you create all the Azure resources you need to run your ASP.NET app in Azure.

登录 AzureSign in to Azure

在“创建应用服务”对话框中单击“添加帐户”，并登录到用户的 Azure 订阅。 In the Create App Service dialog, click Add an account, and then sign in to your Azure subscription. 如果已登录到 Azure 帐户，请确保该帐户包含 Azure 订阅。If you're already signed into an Azure account, make sure that account holds your Azure subscription. 如果登录的 Azure 帐户不包含 Azure 订阅，请单击该帐户添加正确的帐户。If the signed-in Azure account doesn't have your Azure subscription, click it to add the correct account.

配置 Web 应用名称Configure the web app name

可保留生成的 Web 应用名称，或将其更改为另一个唯一名称（有效字符是 a-z、0-9 和 -）。You can keep the generated web app name, or change it to another unique name (valid characters are a-z, 0-9, and -). Web 应用名称将用作应用默认 URL 的一部分（<app_name>.chinacloudsites.cn，其中 <app_name> 是 Web 应用的名称）。The web app name is used as part of the default URL for your app (<app_name>.chinacloudsites.cn, where <app_name> is your web app name). 在 Azure 的所有应用中，Web 应用名称必须是唯一的。The web app name needs to be unique across all apps in Azure.

创建资源组Create a resource group

资源组是在其中部署和管理 Azure 资源（例如 Web 应用、数据库和存储帐户）的逻辑容器。A resource group is a logical container into which Azure resources like web apps, databases, and storage accounts are deployed and managed.

在“资源组”旁边单击“新建”。 Next to Resource Group, click New.

将资源组命名为 myResourceGroup。Name the resource group myResourceGroup.

创建应用服务计划Create an App Service plan

应用服务计划指定托管应用的 Web 服务器场的位置、大小和功能。An App Service plan specifies the location, size, and features of the web server farm that hosts your app. 可以在托管多个应用时节省资金，方法是将多个 Web 应用配置为共用单个应用服务计划。You can save money when hosting multiple apps by configuring the web apps to share a single App Service plan.

应用服务计划定义：App Service plans define:

• 区域（例如：中国东部、中国东部 2、中国北部、中国北部 2）Region (for example: China East, China East 2, China North, China North 2)
• 实例大小（小、中、大）Instance size (small, medium, or large)
• 规模计数（1 到 20 个实例）Scale count (1 to 20 instances)
• SKU（免费、共享、基本、标准、高级）SKU (Free, Shared, Basic, Standard, or Premium)

在“应用服务计划”旁边单击“新建”。 Next to App Service Plan, click New.

在“配置应用服务计划”对话框中，使用以下设置配置新的应用服务计划： In the Configure App Service Plan dialog, configure the new App Service plan with the following settings:

创建 SQL Server 实例Create a SQL Server instance

在创建数据库之前，需要 Azure SQL 数据库逻辑服务器。Before creating a database, you need an Azure SQL Database logical server. 逻辑服务器包含一组作为组管理的数据库。A logical server contains a group of databases managed as a group.

单击“创建 SQL 数据库”。 Click Create a SQL Database.

在“配置 SQL 数据库” 对话框中，单击“SQL Server” 旁的“新建” 。In the Configure SQL Database dialog, click New next to SQL Server.

此时会生成唯一的服务器名称。A unique server name is generated. 此名称用作逻辑服务器 <server_name>.database.chinacloudapi.cn 的默认 URL 的一部分。This name is used as part of the default URL for your logical server, <server_name>.database.chinacloudapi.cn. 在 Azure 的所有逻辑服务器实例中，它必须是唯一的。It must be unique across all logical server instances in Azure. 可以更改服务器名称，但本教程沿用生成的值。You can change the server name, but for this tutorial, keep the generated value.

添加管理员用户名和密码。Add an administrator username and password. 有关密码复杂性要求，请参阅密码策略。For password complexity requirements, see Password Policy.

请记住此用户名和密码。Remember this username and password. 随后，你需要用它们来管理逻辑服务器实例。You need them to manage the logical server instance later.

单击 “确定” 。Click OK. 尚不要关闭“配置 SQL 数据库” 对话框。Don't close the Configure SQL Database dialog yet.

创建 SQL 数据库Create a SQL Database

在“配置 SQL 数据库” 对话框中：In the Configure SQL Database dialog:

• 保留默认生成的数据库名称。Keep the default generated Database Name.
• 在“连接字符串名称” 中，键入 MyDbConnection。In Connection String Name, type MyDbConnection. 此名称必须与 Models/MyDatabaseContext.cs 中引用的连接字符串相匹配。This name must match the connection string that is referenced in Models/MyDatabaseContext.cs.
• 选择“确定” 。Select OK.

“创建应用服务” 对话框显示已配置的资源。The Create App Service dialog shows the resources you've configured. 单击创建。Click Create.

向导在创建完 Azure 资源以后，会将 ASP.NET 应用发布到 Azure。Once the wizard finishes creating the Azure resources, it publishes your ASP.NET app to Azure. 默认浏览器会使用已部署应用的 URL 启动。Your default browser is launched with the URL to the deployed app.

添加多个待办事项。Add a few to-do items.

祝贺！Congratulations! 数据驱动 ASP.NET 应用程序当前在 Azure 应用服务中实时运行。Your data-driven ASP.NET application is running live in Azure App Service.

本地访问 SQL 数据库Access the SQL Database locally

使用 Visual Studio 可在“SQL Server 对象资源管理器” 中轻松浏览和管理自己的新 SQL 数据库。Visual Studio lets you explore and manage your new SQL Database easily in the SQL Server Object Explorer.

创建数据库连接Create a database connection

在“视图”菜单中，选择“SQL Server 对象资源管理器”。 From the View menu, select SQL Server Object Explorer.

在“SQL Server 对象资源管理器” 顶部，单击“添加 SQL Server” 按钮。At the top of SQL Server Object Explorer, click the Add SQL Server button.

配置数据库连接Configure the database connection

在“连接” 对话框中，展开“Azure” 节点。In the Connect dialog, expand the Azure node. 此处列出了 Azure 中的所有 SQL 数据库实例。All your SQL Database instances in Azure are listed here.

选择先前创建的 SQL 数据库。Select the SQL Database that you created earlier. 底部将自动填充前面创建的连接。The connection you created earlier is automatically filled at the bottom.

键入先前创建的数据库管理员密码，然后单击“连接” 。Type the database administrator password you created earlier and click Connect.

允许来自你的计算机的客户端连接Allow client connection from your computer

此时会打开“新建防火墙规则” 对话框。The Create a new firewall rule dialog is opened. 默认情况下，SQL 数据库实例仅允许来自 Azure 服务的连接，如 Azure 应用。By default, your SQL Database instance only allows connections from Azure services, such as your Azure app. 若要连接到数据库，请在 SQL 数据库实例中创建防火墙规则。To connect to your database, create a firewall rule in the SQL Database instance. 防火墙规则允许本地计算机的公共 IP 地址。The firewall rule allows the public IP address of your local computer.

对话框中已填充了你的计算机的公共 IP 地址。The dialog is already filled with your computer's public IP address.

请确保选中“添加我的客户端 IP” ，然后单击“确定” 。Make sure that Add my client IP is selected and click OK.

Visual Studio 成功为 SQL 数据库实例创建防火墙设置后，连接将立即显示在“SQL Server 对象资源管理器” 中。Once Visual Studio finishes creating the firewall setting for your SQL Database instance, your connection shows up in SQL Server Object Explorer.

可在此处执行最常见的数据库操作，如运行查询、创建视图和存储过程等。Here, you can perform the most common database operations, such as run queries, create views and stored procedures, and more.

展开连接 >“数据库” > <你的数据库 > > “表” 。Expand your connection > Databases > <your database> > Tables. 右键单击 Todoes 表，然后选择“查看数据” 。Right-click on the Todoes table and select View Data.

使用 Code First 迁移更新应用Update app with Code First Migrations

可以在 Visual Studio 中使用熟悉的工具，更新 Azure 中的数据库和应用。You can use the familiar tools in Visual Studio to update your database and app in Azure. 此步骤中将使用实体框架中的 Code First 迁移对数据库架构进行更改，并将其发布至 Azure。In this step, you use Code First Migrations in Entity Framework to make a change to your database schema and publish it to Azure.

有关使用 Entity Framework Code First 迁移的详细信息，请参阅使用 MVC 5 的 Entity Framework 6 Code First 入门。For more information about using Entity Framework Code First Migrations, see Getting Started with Entity Framework 6 Code First using MVC 5.

更新数据模型Update your data model

在代码编辑器中打开 Models\Todo.cs。Open Models\Todo.cs in the code editor. 将以下属性添加到 ToDo 类：Add the following property to the ToDo class:

public bool Done { get; set; }

本地运行 Code First 迁移Run Code First Migrations locally

运行几个命令来更新本地数据库。Run a few commands to make updates to your local database.

在“工具” 菜单中，单击“NuGet 包管理器” > “包管理器控制台” 。From the Tools menu, click NuGet Package Manager > Package Manager Console.

在“程序包管理器控制台”窗口中，启用“Code First 迁移”：In the Package Manager Console window, enable Code First Migrations:

Enable-Migrations

添加迁移：Add a migration:

Add-Migration AddProperty

更新本地数据库：Update the local database:

Update-Database

键入 Ctrl+F5，以便运行该应用。Type Ctrl+F5 to run the app. 测试“编辑”、“详细信息”和“创建”链接。Test the edit, details, and create links.

如果应用程序加载未出错，则 Code First 迁移成功。If the application loads without errors, then Code First Migrations has succeeded. 但页面看上去仍没有变化，这是因为应用程序逻辑尚未使用新属性。However, your page still looks the same because your application logic is not using this new property yet.

使用新属性Use the new property

为了使用 Done 属性，请对代码做一些更改。Make some changes in your code to use the Done property. 简单起见，本教程中将仅更改 Index 和 Create 视图，以便在操作中查看属性。For simplicity in this tutorial, you're only going to change the Index and Create views to see the property in action.

打开 Controllers\TodosController.cs。Open Controllers\TodosController.cs.

在第 52 行找到 Create() 方法，并将 Done 添加到 Bind 特性中的属性列表。Find the Create() method on line 52 and add Done to the list of properties in the Bind attribute. 完成后，Create() 方法签名应如下面的代码所示：When you're done, your Create() method signature looks like the following code:

public ActionResult Create([Bind(Include = "Description,CreatedDate,Done")] Todo todo)

打开 Views\Todos\Create.cshtml。Open Views\Todos\Create.cshtml.

在 Razor 代码中，应依次看见使用 model.Description 的 <div class="form-group"> 元素和使用 model.CreatedDate 的 <div class="form-group"> 元素。In the Razor code, you should see a <div class="form-group"> element that uses model.Description, and then another <div class="form-group"> element that uses model.CreatedDate. 紧跟在这两个元素之后，添加另一个使用 model.Done 的 <div class="form-group"> 元素：Immediately following these two elements, add another <div class="form-group"> element that uses model.Done:

<div class="form-group">
    @Html.LabelFor(model => model.Done, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        <div class="checkbox">
            @Html.EditorFor(model => model.Done)
            @Html.ValidationMessageFor(model => model.Done, "", new { @class = "text-danger" })
        </div>
    </div>
</div>

打开 Views\Todos\Index.cshtml。Open Views\Todos\Index.cshtml.

搜索空的 <th></th> 元素。Search for the empty <th></th> element. 在此元素的正上方，添加下列 Razor 代码：Just above this element, add the following Razor code:

<th>
    @Html.DisplayNameFor(model => model.Done)
</th>

查找包含 Html.ActionLink() 帮助器方法的 <td> 元素。Find the <td> element that contains the Html.ActionLink() helper methods. 在此 <td> 上面，使用以下 Razor 代码添加另一个 <td> 元素：Above this <td>, add another <td> element with the following Razor code:

<td>
    @Html.DisplayFor(modelItem => item.Done)
</td>

这就是要在 Index 和 Create 视图中查看更改所需的全部操作。That's all you need to see the changes in the Index and Create views.

键入 Ctrl+F5 运行应用。Type Ctrl+F5 to run the app.

现在可以添加待办事项，然后单击“完成”。 You can now add a to-do item and check Done. 然后，它应作为已完成项在主页中显示。Then it should show up in your homepage as a completed item. 请记住，Edit视图不显示Done字段，因为没有更改Edit视图。Remember that the Edit view doesn't show the Done field, because you didn't change the Edit view.

在 Azure 中启用 Code First 迁移Enable Code First Migrations in Azure

代码更改生效（包括数据库迁移）后，将其发布至 Azure 应用，并使用 Code First 迁移更新 SQL 数据库。Now that your code change works, including database migration, you publish it to your Azure app and update your SQL Database with Code First Migrations too.

与先前的操作相同，右键单击项目，然后选择“发布” 。Just like before, right-click your project and select Publish.

单击“配置”以打开发布设置。 Click Configure to open the publish settings.

在向导中，单击“下一步” 。In the wizard, click Next.

请确保在 MyDatabaseContext (MyDbConnection) 中填充 SQL 数据库的连接字符串。Make sure that the connection string for your SQL Database is populated in MyDatabaseContext (MyDbConnection). 可能需要从下拉列表中选择“myToDoAppDb” 数据库。You may need to select the myToDoAppDb database from the dropdown.

选择“执行 Code First 迁移(应用程序启动时运行)” ，然后单击“保存” 。Select Execute Code First Migrations (runs on application start), then click Save.

发布更改Publish your changes

现已在 Azure 应用中启用了 Code First 迁移，可发布代码更改信息。Now that you enabled Code First Migrations in your Azure app, publish your code changes.

在发布页中单击“发布”。 In the publish page, click Publish.

再次尝试添加待办事项并选择“完成” ，然后，它们将作为已完成项显示在主页中。Try adding to-do items again and select Done, and they should show up in your homepage as a completed item.

所有现有待办事项仍将显示。All your existing to-do items are still displayed. 重新发布 ASP.NET 应用程序时，SQL 数据库中的现有数据不会丢失。When you republish your ASP.NET application, existing data in your SQL Database is not lost. 此外，Code First 迁移仅更改数据架构，而使现有数据保持不变。Also, Code First Migrations only changes the data schema and leaves your existing data intact.

流式传输应用程序日志Stream application logs

可直接通过 Azure 应用将跟踪消息流式传输到 Visual Studio。You can stream tracing messages directly from your Azure app to Visual Studio.

打开 Controllers\TodosController.cs。Open Controllers\TodosController.cs.

每个操作都以 Trace.WriteLine() 方法开头。Each action starts with a Trace.WriteLine() method. 添加此代码的目的是演示如何将跟踪消息添加至 Azure 应用。This code is added to show you how to add trace messages to your Azure app.

打开服务器资源管理器Open Server Explorer

在“视图” 菜单中，选择“服务器资源管理器” 。From the View menu, select Server Explorer. 可在“服务器资源管理器”中为 Azure 应用配置日志记录 。You can configure logging for your Azure app in Server Explorer.

启用日志流式传输Enable log streaming

在“服务器资源管理器” 中，展开“Azure” > “应用服务” 。In Server Explorer, expand Azure > App Service.

展开“myResourceGroup”资源组，该资源组在首次创建 Azure 应用时创建 。Expand the myResourceGroup resource group, you created when you first created the Azure app.

右键单击 Azure 应用，并选择“查看流式处理日志” 。Right-click your Azure app and select View Streaming Logs.

现在，日志已流式传输到“输出” 窗口。The logs are now streamed into the Output window.

但还无法查看任何跟踪消息。However, you don't see any of the trace messages yet. 因为当首先选择“查看流式处理日志”时，Azure 应用将跟踪级别设置为 Error，此级别只记录错误事件（使用 Trace.TraceError() 方法） 。That's because when you first select View Streaming Logs, your Azure app sets the trace level to Error, which only logs error events (with the Trace.TraceError() method).

更改跟踪级别Change trace levels

若要更改跟踪级别以输出其他跟踪消息，请返回到“服务器资源管理器” 。To change the trace levels to output other trace messages, go back to Server Explorer.

再次右键单击 Azure 应用并选择“查看设置” 。Right-click your Azure app again and select View Settings.

在“应用程序日志记录(文件系统)” 下拉列表中，选择“详细” 。In the Application Logging (File System) dropdown, select Verbose. 单击“保存” 。Click Save.

在浏览器中再次导航到应用（ http://<应用名称>.chinacloudsites.cn ），然后尝试在 Azure 中的待办事项列表应用程序周围单击。In your browser navigate to your app again at http://<your app name>.chinacloudsites.cn, then try clicking around the to-do list application in Azure. 现在，跟踪消息已流式传输到 Visual Studio 中的“输出” 窗口。The trace messages are now streamed to the Output window in Visual Studio.

Application: 2017-04-06T23:30:41  PID[8132] Verbose     GET /Todos/Index
Application: 2017-04-06T23:30:43  PID[8132] Verbose     GET /Todos/Create
Application: 2017-04-06T23:30:53  PID[8132] Verbose     POST /Todos/Create
Application: 2017-04-06T23:30:54  PID[8132] Verbose     GET /Todos/Index

停止日志流式传输Stop log streaming

若要停止日志流式传输服务，请单击“输出” 窗口中的“停止监视” 按钮。To stop the log-streaming service, click the Stop monitoring button in the Output window.

管理 Azure 应用Manage your Azure app

转到 Azure 门户查看创建的应用。Go to the Azure portal to see the app you created.

从左侧菜单中单击“应用服务”，并单击 Azure 应用的名称。 From the left menu, click App Service, then click the name of your Azure app.

你已登录到应用页。You have landed in your app's page.

默认情况下，门户将显示“概览” 页。By default, the portal shows the Overview page. 在此页中可以查看应用的运行状况。This page gives you a view of how your app is doing. 在此处还可以执行基本的管理任务，例如浏览、停止、启动、重新启动和删除。Here, you can also perform basic management tasks like browse, stop, start, restart, and delete. 页面左侧的选项卡显示可以打开的不同配置页。The tabs on the left side of the page show the different configuration pages you can open.

清理资源Clean up resources

在前面的步骤中，在资源组中创建了 Azure 资源。In the preceding steps, you created Azure resources in a resource group. 如果认为将来不需要这些资源，可以通过删除资源组来删除它们。If you don't expect to need these resources in the future, you can delete them by deleting the resource group.

1. 在 Azure 门户的 Web 应用的“概述”页中，选择“资源组”下的 myResourceGroup 链接。From your web app's Overview page in the Azure portal, select the myResourceGroup link under Resource group.
2. 在资源组页中，确保列出的资源是要删除的资源。On the resource group page, make sure that the listed resources are the ones you want to delete.
3. 选择“删除”，在文本框中键入 myResourceGroup，然后选择“删除”。Select Delete, type myResourceGroup in the text box, and then select Delete.

后续步骤Next steps

在本教程中，你已学习了如何执行以下操作：In this tutorial, you learned how to:

转到下一教程，了解如何轻松地提高 Azure SQL 数据库连接的安全性。Advance to the next tutorial to learn how to easily improve the security of your connection Azure SQL Database.