AspNetCore.Docs/aspnetcore/tutorials/publish-to-azure-webapp-usi...

7.4 KiB

title author description manager ms.author ms.date ms.prod ms.technology ms.topic uid
Publish an ASP.NET Core app to Azure with Visual Studio rick-anderson Learn how to publish an ASP.NET Core app to Azure App Service using Visual Studio. wpickett riande 12/16/2017 asp.net-core aspnet get-started-article tutorials/publish-to-azure-webapp-using-vs

Publish an ASP.NET Core app to Azure with Visual Studio

By Rick Anderson, Cesar Blum Silveira, and Rachel Appel

[!INCLUDE Azure App Service Preview Notice]

See Publish to Azure from Visual Studio for Mac if you are working on macOS.

To troubleshoot an App Service deployment issue, see Troubleshoot ASP.NET Core on Azure App Service.

Set up

Create a web app

In the Visual Studio Start Page, select File > New > Project...

File menu

Complete the New Project dialog:

  • In the left pane, select .NET Core.
  • In the center pane, select ASP.NET Core Web Application.
  • Select OK.

New Project dialog

In the New ASP.NET Core Web Application dialog:

  • Select Web Application.
  • Select Change Authentication.

New Project dialog

The Change Authentication dialog appears.

  • Select Individual User Accounts.
  • Select OK to return to the New ASP.NET Core Web Application, then select OK again.

New ASP.NET Core Web authentication dialog

Visual Studio creates the solution.

Run the app

  • Press CTRL+F5 to run the project.
  • Test the About and Contact links.

Web application open in Microsoft Edge on localhost

Register a user

  • Select Register and register a new user. You can use a fictitious email address. When you submit, the page displays the following error:

    "Internal Server Error: A database operation failed while processing the request. SQL exception: Cannot open the database. Applying existing migrations for Application DB context may resolve this issue."

  • Select Apply Migrations and, once the page updates, refresh the page.

Internal Server Error: A database operation failed while processing the request. SQL exception: Cannot open the database. Applying existing migrations for Application DB context may resolve this issue.

The app displays the email used to register the new user and a Log out link.

Web application open in Microsoft Edge. The Register link is replaced by the text Hello email@domain.com!

Deploy the app to Azure

Right-click on the project in Solution Explorer and select Publish....

Contextual menu open with Publish link highlighted

In the Publish dialog:

  • Select Microsoft Azure App Service.
  • Select the gear icon and then select Create Profile.
  • Select Create Profile.

Publish dialog

Create Azure resources

The Create App Service dialog appears:

  • Enter your subscription.
  • The App Name, Resource Group, and App Service Plan entry fields are populated. You can keep these names or change them.

App Service dialog

  • Select the Services tab to create a new database.

  • Select the green + icon to create a new SQL Database

New SQL Database

  • Select New... on the Configure SQL Database dialog to create a new database.

New SQL Database and server

The Configure SQL Server dialog appears.

  • Enter an administrator user name and password, and then select OK. You can keep the default Server Name.

[!NOTE] "admin" isn't allowed as the administrator user name.

Configure SQL Server dialog

  • Select OK.

Visual Studio returns to the Create App Service dialog.

  • Select Create on the Create App Service dialog.

Configure SQL Database dialog

Visual Studio creates the Web app and SQL Server on Azure. This step can take a few minutes. For information on the resources created, see Additonal resources.

When deployment completes, select Settings:

Configure SQL Server dialog

On the Settings page of the Publish dialog:

  • Expand Databases and check Use this connection string at runtime.

  • Expand Entity Framework Migrations and check Apply this migration on publish.

  • Select Save. Visual Studio returns to the Publish dialog.

Publish dialog: Settings panel

Click Publish. Visual Studio publishs your app to Azure. When the deployment completes, the app is opened in a browser.

Test your app in Azure

  • Test the About and Contact links

  • Register a new user

Web application opened in Microsoft Edge on Azure App Service

Update the app

  • Edit the Pages/About.cshtml Razor page and change its contents. For example, you can modify the paragraph to say "Hello ASP.NET Core!": [!code-htmlAbout]

  • Right-click on the project and select Publish... again.

Contextual menu open with Publish link highlighted

  • After the app is published, verify the changes you made are available on Azure.

Verify task is complete

Clean up

When you have finished testing the app, go to the Azure portal and delete the app.

  • Select Resource groups, then select the resource group you created.

Azure Portal: Resource Groups in sidebar menu

  • In the Resource groups page, select Delete.

Azure Portal: Resource Groups page

  • Enter the name of the resource group and select Delete. Your app and all other resources created in this tutorial are now deleted from Azure.

Next steps

Additonal resources