发布Azure云Web应用程序

设置开发环境

注意
如果你的机器之前任何依赖都没有安装过,SDK 的安装时间将会超过30分钟。


创建一个 Web 应用程序

在 Visual Studio 的 Start 页面,点击 New Project

1.png

另外,你也可以通过菜单新建项目。点击 File > New > Project

2.png

完成 New Project 对话框:

  • 在右侧面板,点击 Web

  • 在中部面板,点击 ASP.NET Core Web Application (.NET Core)

  • 点击 OK

3.png

New ASP.NET Core Web Application (.NET Core) 对话框中:

  • 点击 Web Application

  • 确认 Authentication 设置为 Individual User Accounts

  • 确认 Host in the cloud 没有被选中

  • 点击 OK


4.png


本地测试应用程序

  • 使用 Ctrl F5 运行程序

  • 点击 AboutContact 链接。根据您的设备显示尺寸的大小,可能需要单击导航图标以显示链接

5.png

点击 Register 注册一个新用户。您可以使用虚构的电子邮件。当你点击提交后,会收到以下错误:

6.png

可以通过两个方式来修复这个问题:

  • 点击 Apply Migrations 当页面发生更新的时候,刷新屏幕

  • 在项目目录下运行该命令行 :

dotnet ef database update

应用程序显示用户注册时所使用的注册邮箱以及注销链接。

7.png

发布应用程序到 Azure

右击项目选择 Publish

8.png

Publish 弹出对话框里,点击 Microsoft Azure App Service

9.png

点击 New 输入一个新的资源组。创建新的资源组目的是为了可以方便地删除所有您在本教程中创建在 Azure 资源。

10.png

创建新的资源组以及应用服务计划:

  • 点击 New 创建资源组并且输入新资源组的名称

  • 点击 New 创建应用服务计划并且选择一个你附近的地址。你可以保留默认生成的名字

  • 点击 Explore additional Azure services 创建新的数据库

11.png

点击绿色的 + 图标来创建一个 SQL 数据库

12.png

  • Configure SQL Database 弹出对话框中点击 New

13.png

  • 你可以保持默认 Server Name

  • 输入管理员用户密码,点击 OK。记住用户名密码。

14.png

  • Configure SQL Database 弹出对话框中点击 OK

  • Create App Service 弹出对话框中点击 Create

15.png

Publish 弹出对话框中点击 Next

16.png

Publish 弹出对话框的 Settings 环节:

  • 选中 Use this connection string at runtime

  • 选中 Apply this migration on publish

17.png

  • 点击 Publish

Visual Studio 将会把你的应用程序部署到 Azure 云,并在浏览器中启动你的云应用。


在 Azure 云中测试你应用程序

  • 测试 About 以及 Contact 链接

  • 注册新用户

18.png

更新应用程序

  • 编辑 Views/Home/About.cshtml Razor 视图文件。修改内容,例如:

@{
    ViewData["Title"] = "About";
}
<h2>@ViewData["Title"].</h2>
<h3>@ViewData["Message"]</h3>

@*修改下面这样内容*@
<p>My updated about page.</p>
  • 右击项目选择 Publish

19.png

  • Publish 并在 Azure 云端应用中验证你的修改。


清理

如果你完成了应用程序的设置了,登录 Azure 面板并删除应用。

  • 登录 Azure 面板

  • 在右侧双击 Resource groups 并点击你创建的资源组。

20.png

下一步