Publicera en ASP.NET Core-app till Azure med Visual Studio

Viktigt!

ASP.NET Core-förhandsversioner med Azure App Service

ASP.NET Core-förhandsversioner distribueras inte till Azure App Service som standard. Information om hur du att vara värd för en app som använder en förhandsversion av ASP.NET Core finns i Distribuera förhandsversionen av ASP.NET Core till Azure App Service.

Information om hur du felsöker ett distributionsproblem med App Service finns i Felsöka ASP.NET Core i Azure App Service och IIS.

Ställ in

Öppna ett kostnadsfritt Azure-konto om du inte har något.

Skapa en webbapp

Starta Visual Studio 2022 och välj Skapa ett nytt projekt.

I dialogrutan Skapa ett nytt projekt väljer du ASP.NET Core Web App och väljer sedan Nästa.

I dialogrutan Konfigurera det nya projektet namnger du projektet och väljer sedan Nästa.

I dialogrutan Ytterligare information :

• I Framework-fältet väljer du .NET 7.0 (Standard Term Support).
• I indata för autentiseringstyp väljer du Enskilda konton och sedan Skapa.

Visual Studio skapar lösningen.

Kör appen

• Tryck på F5 för att köra projektet.

Registrera en användare

• Välj Registrera och registrera en ny användare. Du kan använda en fiktiv e-postadress. När du skickar visar sidan följande fel:

  "En databasåtgärd misslyckades när begäran bearbetades. Att tillämpa befintliga migreringar kan lösa det här problemet"

• Välj Tillämpa migreringar och uppdatera sidan när sidan uppdateras.

• En sida med registreringsbekräftelsen visas. Välj Klicka här för att bekräfta ditt konto.
• Bekräfta e-post-sidan visas.
• Logga in som ny användare.

Appen visar e-postmeddelandet som används för att registrera den nya användaren och en utloggningslänk .

• Stoppa programmet genom att stänga webbläsaren, eller i Visual Studio väljer du Felsöka>sluta felsöka.
• I Visual Studio väljer du Skapa>ren lösning för att rensa projektobjekt och undvika filkonkurrens.

distribuera appen till Azure

Högerklicka på projektet i Solution Explorer och välj Publicera.

I dialogrutan Publicera :

• Välj Azure.
• Välj Nästa.

I dialogrutan Publicera :

• Välj Azure App Service (Windows).
• Välj Nästa.

I dialogrutan Publicera går du till fliken App Service och väljer Skapa ny.

Dialogrutan Skapa App Service visas:

• Fälten Namn, Resursgrupp och Värdplan är ifyllda. Du kan behålla dessa namn eller ändra dem.
• Välj Skapa.

När du har skapat dialogrutan stängs dialogrutan automatiskt och dialogrutan Publicera fokuseras igen:

• Den nya instansen som just skapades väljs automatiskt.
• Välj Slutför.

Dialogrutan Skapa publiceringsprofil bekräftar att publiceringsprofilen har skapats. Välj Stäng.

Därefter visas sammanfattningssidan Publicera profil . Visual Studio har upptäckt att det här programmet kräver en SQL Server-databas som den har listat i fönstret Tjänstberoenden. Välj ellipsen (...) och sedan Anslut.

Dialogrutan Anslut till beroende visas:

• Välj Azure SQL Database.
• Välj Nästa.

I dialogrutan Anslut till Azure SQL-databas väljer du Skapa ny.

Skapa Azure SQL Database visas:

• Postfälten Databasnamn, Resursgrupp, Databasserver och App Service-plan fylls i. Du kan behålla dessa värden eller ändra dem.
• Ange användarnamnet för databasadministratören och lösenordet för databasadministratören för den valda databasservern (observera att kontot du använder måste ha de behörigheter som krävs för att skapa den nya Azure SQL-databasen)
• Välj Skapa.

När du har skapat dialogrutan stängs dialogrutan automatiskt och dialogrutan Anslut till Azure SQL Database fokuserar igen:

• Den nya instansen som just skapades väljs automatiskt.
• Välj Nästa.

I nästa steg i dialogrutan Anslut till Azure SQL Database :

• Ange fälten Databasanslutningsanvändarnamn och Lösenord för databasanslutning . Det här är den information som programmet använder för att ansluta till databasen vid körning. Bästa praxis är att undvika att använda samma information som administratörens användarnamn och lösenord som användes i föregående steg.
• Välj Slutför.

Förloppsdialogrutan för beroendekonfiguration bekräftar att Azure SQL Database har konfigurerats. Välj Stäng.

På sammanfattningssidan Publicera profil väljer du Fler åtgärder>Redigera:

På fliken Inställningar i dialogrutan Publicera :

• Expandera Databaser och markera Använd den här anslutningssträngen under körning.

• Expandera Entity Framework-migreringar och välj Tillämpa den här migreringen vid publicering.

• Välj Spara. Visual Studio återgår till dialogrutan Publicera .

Klicka på Publicera. Visual Studio publicerar din app till Azure. När distributionen är klar.

Appen öppnas i en webbläsare. Registrera en ny användare och logga in som den nya användaren för att verifiera databasdistributionen och anslutning under körning.

Uppdatera appen

• Redigera sidan Pages/Index.cshtmlRazor och ändra dess innehåll och spara sedan ändringarna. Du kan till exempel ändra stycket så att det står "Hello ASP.NET Core!":

  @page
  @model IndexModel
  @{
      ViewData["Title"] = "Home page";
  }
  
  <div class="text-center">
      <h1 class="display-4">Welcome</h1>
      <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
      <p>Hello ASP.NET Core!</p>
  </div>
  

• Välj Publicera på sammanfattningssidan Publicera profil igen.

• När appen har publicerats uppdaterar du sidan och kontrollerar att de ändringar du har gjort är tillgängliga i Azure.

Städa upp

När du har testat appen går du till Azure-portalen och tar bort appen.

• Välj Resursgrupper och välj sedan den resursgrupp som du skapade.

• På sidan Resursgrupp väljer du Ta bort resursgrupp.

• Ange namnet på resursgruppen och välj Ta bort. Din app och alla andra resurser som skapats i den här självstudien tas nu bort från Azure.

Ytterligare resurser

• Azure App Service
• Azure-resursgrupper
• Azure SQL Database
• Visual Studio publicerar profiler (.pubxml) för ASP.NET Core-appdistribution
• Felsöka ASP.NET Core i Azure App Service och IIS-