ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

原文:Getting Started

作者:Rick Anderson

翻译:谢炀(Kiler)

校对:孟帅洋(书缘)刘怡(AlexLEWIS)何镇汐

设置开发环境

注意

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


创建一个 Web 应用程序

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

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

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

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

完成 New Project 对话框:

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

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

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

  • 点击 Web Application
  • 确认 Authentication 设置为 Individual User Accounts
  • 确认 Host in the cloud 没有被选中
  • 点击 OK

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序


本地测试应用程序

  • 使用 Ctrl F5 运行程序
  • 点击 AboutContact 链接。根据您的设备显示尺寸的大小,可能需要单击导航图标以显示链接

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

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

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

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

  • 点击 Apply Migrations 当页面发生更新的时候,刷新屏幕
  • 在项目目录下运行该命令行 :
dotnet ef database update

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

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序


发布应用程序到 Azure

右击项目选择 Publish

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

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

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

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

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

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

  • 点击 New 创建资源组并且输入新资源组的名称
  • 点击 New 创建应用服务计划并且选择一个你附近的地址。你可以保留默认生成的名字
  • 点击 Explore additional Azure services 创建新的数据库

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

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

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

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

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

  • 你可以保持默认 Server Name
  • 输入管理员用户密码,点击 OK。记住用户名密码。

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

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

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

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

  • Publish 弹出对话框中点击 Next

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

  • Publish 弹出对话框的 Settings 环节:
    • 选中 Use this connection string at runtime
    • 选中 Apply this migration on publish

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

  • 点击 Publish

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


在 Azure 云中测试你应用程序

  • 测试 About 以及 Contact 链接
  • 注册新用户

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序


更新应用程序

  • 编辑 Views/Home/About.cshtml Razor 视图文件。修改内容,例如:
@{
ViewData["Title"] = "About";
}
<h2>@ViewData["Title"].</h2>
<h3>@ViewData["Message"]</h3> @*修改下面这样内容*@
<p>My updated about page.</p>
  • 右击项目选择 Publish

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序

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

清理

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

  • 登录 Azure 面板
  • 在右侧双击 Resource groups 并点击你创建的资源组。

ASP.NET Core 中文文档 第二章 指南(3)用 Visual Studio 发布一个 Azure 云 Web 应用程序


下一步

返回目录

上一篇:2016-wing的年度总结


下一篇:UEditor百度富文本编辑器--preview在线预览时头部被挡住的解决方案