Dela via


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

I den här självstudien får du lära dig hur du skapar ett ASP.Net Core MVC-program och distribuerar det i Visual Studio Code. Handledningen förutsätter att du är bekant med VS Code. Mer information finns i Komma igång med VS Code. Den här handledningen fungerar på Windows-, macOS- eller Linux-miljöer. Se till att använda rätt sökväg som avgränsar tecken (\ jämfört med /) för din miljö.

Important

Förhandsversioner av ASP.NET Core med Azure App Service

ASP.NET Core-förhandsversioner distribueras inte till Azure App Service som standard. För att värda en app som använder en förhandsversion av ASP.NET Core, se Deploy ASP.NET Core preview release to 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-.

Prerequisites

Skapa ett ASP.Net Core MVC-projekt

  1. Open the integrated terminal.

  2. Ange arbetskatalogen (cd) till den katalog som ska innehålla projektet.

  3. Kör följande kommandon:

    dotnet new mvc -o MyMVCapp
    code -r MyMVCapp
    

    För föregående kommandon:

    • dotnet new mvc -o MyMVCapp
      • Creates a new ASP.NET Core MVC project in the MyMVCapp folder.
    • code -r MyMVCapp
      • Läser in MyMVCapp.csproj-projektfilen i Visual Studio Code.
      • Visual Studio Code uppdaterar den integrerade terminalen till projektkatalogen.

Note

Om en dialogruta visas med Nödvändiga resurser för att bygga och felsöka saknas i "MyMVCapp". Vill du lägga till dem?välj Ja.

A new ASP.NET Core MVC project is created in a MyMVCapp folder with a structure similar to the following:

      appsettings.Development.json
      appsettings.json
<DIR> bin
<DIR> Controllers
<DIR> Models
      MyMVCapp.csproj
<DIR> obj
      Program.cs
<DIR> Properties
<DIR> Views
<DIR> wwwroot

En .vscode mapp skapas under projektstrukturen. Den innehåller verktygsfiler som hjälper dig att skapa och felsöka din ASP.NET Core-webbapp.

Testa projektet

Innan du distribuerar appen till Azure kontrollerar du att den körs korrekt på den lokala datorn.

  1. Open the integrated terminal (if needed).

  2. Konfigurera ett betrott HTTPS-utvecklingscertifikat:

    • Lita på HTTPS-utvecklingscertifikatet genom att köra följande kommando:

      dotnet dev-certs https --trust
      

      Föregående kommando kräver .NET 9 eller senare SDK i Linux. För Linux på .NET 8.0.401 eller tidigare SDK kan du läsa dokumentationen för Linux-distributionen för att lita på ett certifikat.

      Föregående kommando visar följande dialogruta, förutsatt att certifikatet inte tidigare varit betrott.

      Dialogrutan för säkerhetsvarning

    • Select Yes if you agree to trust the development certificate.

      Mer information finns i avsnittet Lita på ASP.NET Core HTTPS-utvecklingscertifikatet i artikeln Framtvinga SSL-.

    För mer information om hur du kan lita på webbläsaren Firefox, se Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certifikatfel.

  3. Kör följande kommando:

    dotnet run
    

    Kommandot ovan:

    • Startar Kestrel, ASP.NET Cores inbyggda webbserver.
    • Visar en URL för att testa webbappen, till exempel http://localhost:<port>, där <port> är det slumpmässiga portnumret som anges i Properties\launchSettings.json när projektet skapas.

    Utdata visar meddelanden som liknar följande, som anger att appen körs och väntar på begäranden:

    $ dotnet run
    Building...
    info: Microsoft.Hosting.Lifetime[14]
        Now listening on: https://localhost:7064
    info: Microsoft.Hosting.Lifetime[14]
        Now listening on: http://localhost:5119
    info: Microsoft.Hosting.Lifetime[0]
        Application started. Press Ctrl+C to shut down.
    info: Microsoft.Hosting.Lifetime[0]
        Hosting environment: Development
    info: Microsoft.Hosting.Lifetime[0]
        Content root path: D:\Src\MyMVCapp\
    
  4. Ctrl+click the HTTPS URL in the output to test the web app in a browser. I exemplet ovan är URL:en https://localhost:7064.

  5. Press Ctrl+C in the integrated terminal to shut down the web app after testing it.

Generera distributionspaketet lokalt

  1. I den integrerade terminalen använder du följande kommando för att generera ett Release paket i en mapp som finns på bin/Publish:

    dotnet publish -c Release -o ./bin/Publish
    

    En ny Publish undermapp skapas i mappen bin. Den här mappen innehåller de filer som ska distribueras till Azure.

    Publicera mappstruktur

Publicera till Azure App Service

Använd Azure App Service-tillägget för Visual Studio Code genom att följa stegen nedan för att publicera webbplatsen direkt till Azure App Service.

Skapa en ny Azure Web App-resurs

Om du inte har en befintlig Azure Web App-resurs att publicera till måste du skapa en.

  1. In the Azure extension tab, in the RESOURCES pane, expand the subscription you wish to use.
  2. Right-click App Services and select Create New Web App....
  3. Följ anvisningarna:
    1. Ange ett unikt namn för webbappen.
    2. Välj den senaste stabila .NET-körningen (till exempel .NET 6 (LTS)). Välj inte ASP.NET-körtiden, vilken är avsedd för .NET Framework-appar.
    3. Välj prisnivå. Kostnadsfri (F1) går bra för den här handledningen.

Publicera till Azure

  1. Högerklicka på mappen bin\Publish och välj Deploy to Web App... och följ anvisningarna.

    1. Välj den prenumeration där Azure Web App-resursen finns.
    2. Välj den Azure Web App-resurs som du ska publicera till.
    3. Select Deploy when prompted with a confirmation dialog.
  2. När distributionen är klar klickar du på Browse Website för att verifiera distributionen.

    Meddelandet Implementeringen lyckades

    När du klickar på Browse Websitenavigerar du till den med din standardwebbläsare:

    Ny webbapp har distribuerats

Tip

Du kan upprepa stegen ovan för att distribuera om appen till samma Azure Web App-resurs efter behov. Se till att köra dotnet publish igen innan du distribuerar till Azure.

Next steps

Additional resources