Snabbstart: Distribuera en ASP.NET webbapp

Välj en distributionsmiljö

Visual Studio Visual Studio-koden Azure CLI Azure PowerShell Azure Portal Azure Developer CLI

Anteckning

Från och med den 1 juni 2024 kan nyligen skapade App Service-appar generera ett unikt standardvärdnamn som använder namngivningskonventionen <app-name>-<random-hash>.<region>.azurewebsites.net. Befintliga appnamn förblir oförändrade. Till exempel:

myapp-ds27dh7271aah175.westus-01.azurewebsites.net

Mer information finns i Unikt standardvärdnamn för App Service-resurs.

I den här snabbstarten får du lära dig hur du skapar och distribuerar din första ASP.NET webbapp till Azure App Service. App Service stöder olika versioner av .NET-appar. Det ger en mycket skalbar webbvärdtjänst med självkorrigering. ASP.NET webbappar är plattformsoberoende och kan finnas i Linux eller Windows. När du är klar har du en Azure-resursgrupp som innehåller en App Service-värdplan och en App Service med ett distribuerat webbprogram.

Du kan också distribuera en ASP.NET webbapp som en del av en Windows- eller Linux-container i App Service.

Tips

Hitta GitHub Copilot-tips i Visual Studio, Visual Studio Code och Azure Portal steg.

Anteckning

Det finns ännu inte stöd för att skapa .NET 9-appar (STS) med Windows App Service med hjälp av MSBuild eller SCM_DO_BUILD. Stöd för dessa byggscenarier planeras efter det första datumet för allmän tillgänglighet och senast den 4 december 2024. Distributioner som bygger utanför App Service via Visual Studio, Visual Studio Code, GitHub Actions och Azure DevOps stöds fullt ut.

Förutsättningar

.NET 8.0

• Ett Azure-konto med en aktiv prenumeration. Skapa ett konto utan kostnad.
• Visual Studio 2022 med arbetsbelastningen ASP.NET och webbutveckling .
• (Valfritt) Prova GitHub Copilot, ett GitHub Copilot-konto. Det finns en kostnadsfri utvärderingsversion på 30 dagar.

.NET Framework 4.8

• Ett Azure-konto med en aktiv prenumeration. Skapa ett konto utan kostnad.
• Visual Studio 2022 med arbetsbelastningen ASP.NET och webbutveckling . Kontrollera att den valfria kryssrutan .NET Framework-projekt- och objektmallar är markerade.
• (Valfritt) Prova GitHub Copilot, ett GitHub Copilot-konto. Det finns en kostnadsfri utvärderingsversion på 30 dagar.

Om du redan har installerat Visual Studio 2022:

1. Installera de senaste uppdateringarna i Visual Studio genom att välja Hjälp>sök efter uppdateringar.
2. Lägg till arbetsbelastningen genom att välja Verktyg>Hämta verktyg och funktioner.

• Ett Azure-konto med en aktiv prenumeration. Skapa ett konto utan kostnad.
• Visual Studio Code.
• Azure Tools-tillägget.
• Senaste .NET 8.0 SDK.
• (Valfritt) Prova GitHub Copilot, ett GitHub Copilot-konto. Det finns en kostnadsfri utvärderingsversion på 30 dagar.

• Ett Azure-konto med en aktiv prenumeration. Skapa ett konto utan kostnad.
• Azure CLI.
• Senaste .NET 8.0 SDK.
• (Valfritt) Prova GitHub Copilot, ett GitHub Copilot-konto. Det finns en kostnadsfri utvärderingsversion på 30 dagar.

• Ett Azure-konto med en aktiv prenumeration. Skapa ett konto utan kostnad.
• Azure PowerShell.
• Senaste .NET 8.0 SDK.

• Ett Azure-konto med en aktiv prenumeration. Skapa ett konto utan kostnad.
• Ett GitHub-konto Skapa ett konto kostnadsfritt.

• Ett Azure-konto med en aktiv prenumeration. Skapa ett konto utan kostnad.
• Azure Developer CLI.
• Senaste .NET 8.0 SDK.

Skapa en ASP.NET-webbapp

Initiera mallen för ASP.NET-webbappar

.NET 8.0

1. Öppna Visual Studio och välj sedan Skapa ett nytt projekt.

2. I Skapa ett nytt projekt letar du upp och väljer ASP.NET Core Web App (Razor Pages) och väljer sedan Nästa.

3. I Konfigurera ditt nya projekt namnger du programmet MyFirstAzureWebApp och väljer sedan Nästa.

   

4. Välj .NET 8.0 (långsiktig support).

5. Kontrollera att autentiseringstypen är inställd på Ingen. Välj Skapa.

   

6. På Visual Studio-menyn väljer du Felsöka>Starta utan felsökning för att köra webbappen lokalt. Om du ser ett meddelande där du uppmanas att lita på ett självsignerat certifikat väljer du Ja.

   

.NET Framework 4.8

1. Öppna Visual Studio och välj sedan Skapa ett nytt projekt.

2. I Skapa ett nytt projekt letar du upp och väljer ASP.NET webbprogram (.NET Framework) och väljer sedan Nästa.

3. I Konfigurera ditt nya projekt ger du programmet namnet MyFirstAzureWebApp och väljer sedan Skapa.

   

4. Välj MVC-mallen.

5. Se till att autentiseringen är inställd på Ingen autentisering. Välj Skapa.

   

6. På Visual Studio-menyn väljer du Felsöka>Starta utan felsökning för att köra webbappen lokalt.

   

Tips

Om du har ett GitHub Copilot-konto kan du prova att hämta GitHub Copilot-funktioner för Visual Studio.

1. Öppna ett terminalfönster på datorn till en arbetskatalog. Skapa en ny .NET-webbapp med det nya webbappkommandot dotnet och ändra sedan kataloger till den nyligen skapade appen.

   .NET CLI

   dotnet new webapp -n MyFirstAzureWebApp --framework net8.0
   cd MyFirstAzureWebApp
   

2. Från samma terminalsession kör du programmet lokalt med kommandot dotnet run .

   .NET CLI

   dotnet run --urls=https://localhost:5001/
   

3. Öppna webbläsaren och navigera till appen på https://localhost:5001.

   Du ser mallen ASP.NET Core 8.0-webbappen som visas på sidan.

   

I det här steget förgrenar du ett demoprojekt som ska distribueras.

1. Gå till .NET 8.0-exempelappen.
2. Välj knappen Förgrening längst upp till höger på GitHub-sidan.
3. Välj Ägare och lämna standardnamnet för lagringsplatsen.
4. Välj Skapa förgrening.

1. Gå till .NET Framework 4.8-exempelappen.
2. Välj knappen Förgrening längst upp till höger på GitHub-sidan.
3. Välj Ägare och lämna standardnamnet för lagringsplatsen.
4. Välj Skapa förgrening.

Den här snabbstarten använder Både Azure Developer CLI (azd) för att skapa Azure-resurser och distribuera kod till den. Mer information finns i Installera Azure Developer CLI och Skapa och distribuera program med Azure Developer CLI.

Använd följande steg för att hämta och initiera ASP.NET Core-webbappmallen:

1. Öppna ett terminalfönster på datorn till en tom arbetskatalog. Kör följande kommando:

   Bash

   azd init --template https://github.com/Azure-Samples/quickstart-deploy-aspnet-core-app-service.git
   

   När du uppmanas att ange ett miljönamn anger du dev.

2. Från samma terminalsession kör du programmet lokalt med kommandot dotnet run . Använd parametern --project för att ange src katalogen för mallen azd , där programkoden finns.

   Bash

   dotnet run --project src --urls=https://localhost:5001/
   

3. Öppna en webbläsare och gå till appen på https://localhost:5001. Webbappmallen ASP.NET Core 8.0 visas på sidan.

   

Publicera din webbapp

Följ dessa steg för att skapa dina App Service-resurser och publicera projektet:

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

2. I Publicera väljer du Azure och sedan Nästa.

   

3. Välj det specifika målet, antingen Azure App Service (Linux) eller Azure App Service (Windows). Välj Nästa.

   Viktigt

   Använd Azure App Service (Windows) när du riktar in dig på ASP.NET Framework 4.8.

4. Dina alternativ beror på om du redan är inloggad i Azure och om du har ett Visual Studio-konto länkat till ett Azure-konto. Välj antingen Lägg till ett konto eller Logga in för att logga in på din Azure-prenumeration. Om du redan är inloggad väljer du det konto du vill använda.

   

5. Till höger om App Service-instanser väljer du +.

   

6. För Prenumeration godkänner du den prenumeration som visas eller väljer en ny i listrutan.

7. För Resursgrupp väljer du Ny. I Nytt resursgruppsnamn anger du myResourceGroup och väljer OK.

8. Som Värdplan väljer du Ny.

9. I dialogrutan Värdplan: Skapa ny anger du de värden som anges i följande tabell:

   Inställning	Föreslaget värde	beskrivning
   Värdplan	MyFirstAzureWebAppPlan	Namnet på App Service-planen.
   Plats	Europa, västra	Datacenter som är värd för webbappen.
   Storlek	Välj den lägsta nivån.	Prisnivåer definierar värdfunktioner.

10. I Namn anger du ett unikt appnamn. Inkludera endast tecken a-z, A-Z, 0-9och -. Du kan acceptera det automatiskt genererade unika namnet. Webbadressen till webbappen är http://<app-name>.azurewebsites.net, där <app-name> är appens namn.

11. Välj Skapa för att skapa Azure-resurserna.

    

    När processen är klar skapas Azure-resurserna åt dig. Du är redo att publicera ditt ASP.NET Core-projekt.

12. I dialogrutan Publicera kontrollerar du att din nya App Service-app är markerad och väljer sedan Slutför och sedan Stäng. Visual Studio skapar en publiceringsprofil åt dig för den valda App Service-appen.

13. På sidan Publicera väljer du Publicera. Om du ser ett varningsmeddelande väljer du Fortsätt.

    Visual Studio skapar, paketerar och publicerar appen till Azure och startar sedan appen i standardwebbläsaren.

    .NET 8.0

    Du ser webbappen ASP.NET Core 8.0 som visas på sidan.

    

    .NET Framework 4.8

    Du ser webbappen ASP.NET Framework 4.8 som visas på sidan.

    

---

1. Öppna Visual Studio Code från projektets rotkatalog.

   terminal

   code .
   

2. Om du uppmanas till det väljer du Ja, jag litar på författarna.

   Tips

   Om du har ett GitHub Copilot-konto kan du prova att hämta GitHub Copilot-funktioner för Visual Studio Code.

3. I Visual Studio Code väljer du Visa>kommandopalett för att öppna kommandopaletten.

4. Sök efter och välj Azure App Service: Skapa ny webbapp (avancerat).

5. Svara på anvisningarna på följande sätt:

   1. Logga in på ditt Azure-konto om du uppmanas att göra det.
   2. Välj din prenumeration.
   3. Välj Skapa ny webbapp... Avancerat.
   4. För Ange ett globalt unikt namn för den nya webbappen använder du ett namn som är unikt i hela Azure. Giltiga tecken är a-z, 0-9 och -. Ett bra mönster är att använda en kombination av företagets namn och en appidentifierare.
   5. Välj Skapa ny resursgrupp och ange ett namn som myResourceGroup.
   6. När du uppmanas att välja en körningsstack väljer du .NET 8 (LTS).
   7. Välj ett operativsystem (Windows eller Linux).
   8. Välj en plats nära dig.
   9. Välj Skapa ny App Service-plan, ange ett namn och välj prisnivån Kostnadsfri (F1).
   10. För Application Insights-resursen väljer du Hoppa över för tillfället för Application Insights-resursen.
   11. När du uppmanas till det väljer du Distribuera.
   12. Välj MyFirstAzureWebApp som den mapp som ska distribueras.
   13. Välj Lägg till konfiguration när du uppmanas att göra det.

6. I dialogrutan Distribuera alltid arbetsytan "MyFirstAzureWebApp" till <appnamn> väljer du Ja så att Visual Studio Code distribueras till samma App Service-app varje gång du befinner dig på arbetsytan.

7. När publiceringen är klar väljer du Bläddra på webbplatsen i meddelandet och väljer Öppna när du uppmanas att göra det.

   Du ser webbappen ASP.NET Core 8.0 som visas på sidan.

   

1. Logga in på ditt Azure-konto med kommandot az login och följ kommandotolken:

   Azure CLI

   az login
   

   • az Om kommandot inte identifieras kontrollerar du att Azure CLI är installerat enligt beskrivningen i Krav.

2. Använd az webapp up för att distribuera koden i din lokala MyFirstAzureWebApp-katalog :

   Azure CLI

   az webapp up --sku F1 --name <app-name> --os-type <os>
   

   • Ersätt <app-name> med ett namn som är unikt i hela Azure. Giltiga tecken är a-z, 0-9 och -. Ett bra mönster är att använda en kombination av företagets namn och en appidentifierare.
   • Argumentet --sku F1 skapar webbappen på prisnivån Kostnadsfri. Utelämna det här argumentet om du vill använda en snabbare premiumnivå, vilket medför en timkostnad.
   • Ersätt <os> med antingen linux eller windows.
   • Du kan också inkludera argumentet --location <location-name> där <location-name> är en tillgänglig Azure-region. Kör kommandot az account list-locations för att hämta en lista över tillåtna regioner för ditt Azure-konto.

   Det kan ta några minuter att slutföra kommandot. När den körs innehåller kommandot meddelanden om att skapa resursgruppen, App Service-planen och värdappen, konfigurera loggning och sedan utföra ZIP-distribution. Sedan visas ett meddelande med appens URL:

   Azure CLI

   You can launch the app at http://<app-name>.azurewebsites.net
   

3. Öppna en webbläsare och gå till URL:en. Du ser webbappen ASP.NET Core 8.0 som visas på sidan.

   

Anteckning

Vi rekommenderar Azure PowerShell för att skapa appar på Windows-värdplattformen. Om du vill skapa appar i Linux använder du ett annat verktyg, till exempel Azure CLI.

1. Logga in på ditt Azure-konto med hjälp av kommandot Connect-AzAccount och följ kommandotolken:

   Azure PowerShell

   Connect-AzAccount
   

2. Skapa en ny app med kommandot New-AzWebApp :

   Azure PowerShell

   New-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -Location westeurope
   

   • Ersätt <app-name> med ett namn som är unikt i hela Azure. Giltiga tecken är a-z, 0-9och - En kombination av företagets namn och en appidentifierare är ett bra mönster.
   • Du kan också inkludera parametern -Location <location-name> där <location-name> är en tillgänglig Azure-region. Om du vill hämta en lista över tillåtna regioner för ditt Azure-konto kör du kommandot Get-AzLocation .

   Det kan ta några minuter att slutföra kommandot. Kommandot skapar en resursgrupp, en App Service-plan och App Service-resursen.

3. Från programrotmappen kör du kommandot dotnet publish för att förbereda ditt lokala MyFirstAzureWebApp-program för distribution:

   .NET CLI

   dotnet publish --configuration Release
   

4. Ändra till versionskatalogen och skapa en zip-fil från innehållet:

   PowerShell

   cd bin\Release\net8.0\publish
   Compress-Archive -Path * -DestinationPath deploy.zip
   

5. Publicera zip-filen till Azure-appen med kommandot Publish-AzWebApp :

   Azure PowerShell

   Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force
   

   Anteckning

   -ArchivePath behöver den fullständiga sökvägen till zip-filen.

6. Öppna en webbläsare och gå till URL:en. Du ser webbappen ASP.NET Core 8.0 som visas på sidan.

   

1. Skriv apptjänster i sökningen. Under Tjänster väljer du App Services.

   

2. På sidan App Services väljer du Skapa>webbapp.

3. På fliken Grundläggande :

   • Välj Skapa ny under Resursgrupp. Ange myResourceGroup som namn.
   • Under Namn anger du ett globalt unikt namn för webbappen.
   • Under Publicera väljer du Kod.
   • Under Körningsstack väljer du .NET 8 (LTS).
   • Under Operativsystem väljer du Windows. Om du väljer Linux kan du inte konfigurera GitHub-distribution i nästa steg, men du kan fortfarande göra det när du har skapat appen på sidan Distributionscenter .
   • Välj en region som du vill hantera din app från.
   • Under App Service-plan väljer du Skapa ny och skriver myAppServicePlan som namn.
   • Under Prisplan väljer du Kostnadsfri F1.

   

   • Välj Skapa ny under Resursgrupp. Ange myResourceGroup som namn.
   • Under Namn anger du ett globalt unikt namn för webbappen.
   • Under Publicera väljer du Kod.
   • Under Körningsstack väljer du ASP.NET V4.8.
   • Välj ett operativsystem och en region som du vill hantera din app från.
   • Under App Service-plan väljer du Skapa ny och skriver myAppServicePlan som namn.
   • Under Prisplan väljer du Kostnadsfri F1.

   

4. Välj fliken Distribution överst på sidan

5. Under Inställningar för GitHub Actions anger du Kontinuerlig distribution till Aktivera.

6. Under GitHub Actions-information autentiserar du med ditt GitHub-konto och väljer följande alternativ:

   • För Organisation väljer du den organisation där du förgrenade demoprojektet.
   • För Lagringsplats väljer du projektet dotnetcore-docs-hello-world .
   • För Gren väljer du main.

   

   • För Organisation väljer du den organisation där du förgrenade demoprojektet.
   • För Lagringsplats väljer du projektet app-service-web-dotnet-get-started .
   • För Gren väljer du main.

   

   Anteckning

   Som standard inaktiverar resursskapandet grundläggande autentisering. Den skapar GitHub Actions-distributionen med hjälp av en användartilldelad identitet. Om du får ett behörighetsfel när resursen skapas kanske ditt Azure-konto inte har tillräckligt med behörigheter. Du kan konfigurera GitHub Actions-distribution senare med en identitet som genererats åt dig av en Azure-administratör, eller så aktiverar du grundläggande autentisering i stället.

7. Välj Granska + skapa längst ned på sidan.

8. När valideringen har körts väljer du Skapa längst ned på sidan.

9. När distributionen är klar väljer du Gå till resurs.

   

10. Bläddra till det distribuerade programmet i webbläsaren på URL:en http://<app-name>.azurewebsites.net. Om du ser meddelandet Din webbapp körs och väntar på ditt innehåll körs GitHub-distributionen fortfarande. Vänta några minuter och uppdatera sidan.

    

    

AZD-mallen innehåller filer som genererar följande nödvändiga resurser för att programmet ska kunna köras i App Service:

• En ny resursgrupp som ska innehålla alla Azure-resurser för tjänsten.
• En ny App Service-plan som anger plats, storlek och funktioner i webbservergruppen som är värd för din app.
• En ny App Service-appinstans för att köra det distribuerade programmet.

1. Logga in på ditt Azure-konto med hjälp azd auth login av kommandot och följ kommandotolken:

   Bash

   azd auth login
   

2. Skapa Azure-resurserna och distribuera din app med hjälp av azd up kommandot :

   Bash

   azd up
   

   Det azd up kan ta några minuter att slutföra kommandot. azd up använder Bicep-filerna i dina projekt för att skapa resursgruppen, App Service-planen och värdappen. Den utför också vissa konfigurationer som att aktivera loggning och distribuerar din kompilerade appkod. När det körs innehåller kommandot meddelanden om etablerings- och distributionsprocessen, inklusive en länk till distributionen i Azure. När det är klart visar kommandot även en länk till distributionsprogrammet.

3. Öppna en webbläsare och gå till URL:en. Du ser webbappen ASP.NET Core 8.0 som visas på sidan.

   

Uppdatera och distribuera om appen

Gör en ändring i Index.cshtml och distribuera om för att se ändringarna. I mallen .NET 8.0 finns den i mappen Sidor . I mallen .NET Framework 4.8 finns den i mappen Vyer/Start . Följ dessa steg för att uppdatera och distribuera om webbappen:

1. Under projektet i Solution Explorer dubbelklickar du på Sidor>Index.cshtml för att öppna.

2. Ersätt det första <div> elementet med följande kod:

   HTML

   <div class="jumbotron">
       <h1>.NET 💜 Azure</h1>
       <p class="lead">Example .NET app to Azure App Service.</p>
   </div>
   

   Tips

   Med GitHub Copilot aktiverat i Visual Studio kan du prova följande steg:

   1. Välj elementet <div> och skriv Alt+/.
   2. Fråga Copilot: "Ändra till ett Bootstrap-kort som säger .NET 💜 Azure."

   Spara dina ändringar.

3. Om du vill distribuera om till Azure högerklickar du på projektet MyFirstAzureWebApp i Solution Explorer och väljer Publicera.

4. På sidan Publicera sammanfattning väljer du Publicera.

   När publiceringen är klar startar Visual Studio en webbläsare till webbappens URL.

   .NET 8.0

   Du ser den uppdaterade ASP.NET Core 8.0-webbappen som visas på sidan.

   

   .NET Framework 4.8

   Du ser den uppdaterade ASP.NET Framework 4.8-webbappen som visas på sidan.

   

1. Öppna Sidor/Index.cshtml.

2. Ersätt det första <div> elementet med följande kod:

   HTML

   <div class="jumbotron">
       <h1>.NET 💜 Azure</h1>
       <p class="lead">Example .NET app to Azure App Service.</p>
   </div>
   

   Tips

   Prova den här metoden med GitHub Copilot:

   1. Välj hela <div> elementet och välj .
   2. Fråga Copilot: "Ändra till ett Bootstrap-kort som säger .NET 💜 Azure."

   Spara dina ändringar.

3. I Visual Studio Code öppnar du kommandopaletten: Ctrl+Skift+P.

4. Sök efter och välj Azure App Service: Distribuera till webbapp.

5. Välj prenumerationen och webbappen som du använde tidigare.

6. När du uppmanas till det väljer du Distribuera.

7. När publiceringen är klar väljer du Bläddra på webbplatsen i meddelandet.

   Du ser den uppdaterade ASP.NET Core 8.0-webbappen som visas på sidan.

   

Tips

Mer information om hur Visual Studio Code med GitHub Copilot hjälper dig att förbättra webbutvecklingsupplevelsen finns i Visual Studio Code-stegen.

Öppna filen Pages/Index.cshtml i den lokala katalogen. Ersätt det första <div> elementet:

HTML

<div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

Spara ändringarna och distribuera sedan om appen med kommandot az webapp up igen och ersätt <os> med antingen linux eller windows.

Azure CLI

az webapp up --os-type <os>

Det här kommandot använder värden som cachelagras lokalt i .azure/config-filen , inklusive appnamnet, resursgruppen och App Service-planen.

När distributionen är klar växlar du tillbaka till webbläsarfönstret som öppnades i steget Bläddra till appen och uppdaterar.

Du ser den uppdaterade ASP.NET Core 8.0-webbappen som visas på sidan.

1. Öppna filen Pages/Index.cshtml i den lokala katalogen. Ersätt det första <div> elementet:

   HTML

   <div class="jumbotron">
       <h1>.NET 💜 Azure</h1>
       <p class="lead">Example .NET app to Azure App Service.</p>
   </div>
   

2. Från programrotmappen förbereder du ditt lokala MyFirstAzureWebApp-program för distribution med hjälp av dotnet-publiceringskommandot :

   .NET CLI

   dotnet publish --configuration Release
   

3. Ändra till versionskatalogen och skapa en zip-fil från innehållet:

   PowerShell

   cd bin\Release\net8.0\publish
   Compress-Archive -Path * -DestinationPath deploy.zip -Force
   

4. Publicera zip-filen till Azure-appen med kommandot Publish-AzWebApp :

   Azure PowerShell

   Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force
   

   Anteckning

   -ArchivePath behöver den fullständiga sökvägen till zip-filen.

5. När distributionen är klar växlar du tillbaka till webbläsarfönstret som öppnades i steget Bläddra till appen och uppdaterar.

   Du ser den uppdaterade ASP.NET Core 8.0-webbappen som visas på sidan.

   

1. Bläddra till din GitHub-förgrening av exempelkoden.

2. På lagringsplatsens sida skapar du ett kodområde genom att välja Koda>Skapa kodområde på huvudsidan.

   

   

   Tips

   Om du har ett GitHub Copilot-konto kan du prova att hämta GitHub Copilot-funktioner i ditt kodområde.

3. Öppna Index.cshtml.

   Index.cshtml finns i mappen Pages .

   

   Index.cshtml finns i mappen aspnet-get-started/Views/Home

   

4. Ersätt det första <div> elementet med följande kod:

   HTML

   <div class="jumbotron">
       <h1>.NET 💜 Azure</h1>
       <p class="lead">Example .NET app to Azure App Service.</p>
   </div>
   

   Ändringarna sparas automatiskt.

   Tips

   Prova den här metoden med GitHub Copilot:

   1. Välj hela <div> elementet och välj .
   2. Fråga Copilot: "Ändra till ett Bootstrap-kort som säger .NET 💜 Azure."

5. På menyn Källkontroll anger du ett incheckningsmeddelande, till exempel Modify homepage. Välj sedan Checka in och bekräfta mellanlagringen av ändringarna genom att välja Ja.

   

   

   Tips

   Låt GitHub Copilot skapa ett incheckningsmeddelande åt dig genom att välja i meddelanderutan.

6. Välj Synkronisera ändringar 1 och bekräfta sedan genom att välja OK.

7. Det tar några minuter innan distributionen körs. Om du vill visa förloppet går du till https://github.com/<your-github-alias>/dotnetcore-docs-hello-world/actions.

8. Gå tillbaka till webbläsarfönstret som öppnades under steget Bläddra till appen och uppdatera sidan.

   Du ser den uppdaterade ASP.NET Core 8.0-webbappen som visas på sidan.

   

   Du ser den uppdaterade ASP.NET Framework 4.8-webbappen som visas på sidan.

   

Öppna filen src/Pages/Index.cshtml i den lokala katalogen. Ersätt det första <div> elementet:

HTML

<div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

Spara ändringarna och distribuera sedan om appen med kommandot azd up igen:

Azure CLI

azd up

azd up hoppar över etableringsresurserna den här gången och distribuerar bara om koden, eftersom det inte finns några ändringar i Bicep-filerna.

När distributionen är klar öppnas webbläsaren för den uppdaterade ASP.NET Core 8.0-webbappen.

Hantera Azure-appen

Om du vill hantera din webbapp går du till Azure Portal och söker efter och väljer App Services.

På sidan App Services väljer du namnet på din webbapp.

Sidan Översikt för din webbapp innehåller alternativ för grundläggande hantering som att bläddra, stoppa, starta, starta om och ta bort. Den vänstra menyn innehåller ytterligare sidor för att konfigurera din app.

Rensa resurser

I de föregående stegen skapade du Azure-resurser i en resursgrupp. Om du inte tror att du behöver dessa resurser i framtiden, kan du ta bort dem genom att ta bort resursgruppen.

1. Från ditt webbprograms Översiktsida i Azure portal väljer du länken myResourceGroup under resursgruppen.
2. Kontrollera att resurser på resursgruppsidan är de som du vill ta bort.
3. Välj Ta bort resursgrupp, skriv myResourceGroup i textrutan och välj sedan Ta bort.
4. Bekräfta igen genom att välja Ta bort.

Rensa resurser

I de föregående stegen skapade du Azure-resurser i en resursgrupp. Om du inte tror att du behöver dessa resurser i framtiden, kan du ta bort dem genom att ta bort resursgruppen.

1. Från ditt webbprograms Översiktsida i Azure portal väljer du länken myResourceGroup under resursgruppen.
2. Kontrollera att resurser på resursgruppsidan är de som du vill ta bort.
3. Välj Ta bort resursgrupp, skriv myResourceGroup i textrutan och välj sedan Ta bort.
4. Bekräfta igen genom att välja Ta bort.

I de föregående stegen skapade du Azure-resurser i en resursgrupp. Om du inte tror att du behöver dessa resurser i framtiden tar du bort resursgruppen genom att köra följande kommando i Cloud Shell:

Azure CLI

az group delete

För din bekvämlighet sparar kommandot az webapp up som du körde tidigare i det här projektet resursgruppens namn som standardvärde när du kör az kommandon från det här projektet.

Rensa resurser

I de föregående stegen skapade du Azure-resurser i en resursgrupp. Om du inte förväntar dig att behöva dessa resurser i framtiden tar du bort resursgruppen genom att köra följande PowerShell-kommando:

Azure PowerShell

Remove-AzResourceGroup -Name myResourceGroup

Det kan ta någon minut att köra kommandot.

Rensa resurser

I de föregående stegen skapade du Azure-resurser i en resursgrupp. Om du inte tror att du behöver dessa resurser i framtiden, kan du ta bort dem genom att ta bort resursgruppen.

1. Från ditt webbprograms Översiktsida i Azure portal väljer du länken myResourceGroup under resursgruppen.
2. Kontrollera att resurser på resursgruppsidan är de som du vill ta bort.
3. Välj Ta bort resursgrupp, skriv myResourceGroup i textrutan och välj sedan Ta bort.
4. Bekräfta igen genom att välja Ta bort.

Rensa resurser

azd down Använd kommandot för att ta bort resursgruppen och alla resurser som är associerade med den:

Bash

azd down

Gå till Azure Developer CLI-dokumentationen för nästa steg om hur du arbetar med azd mallar och andra funktioner.

Nästa steg

.NET 8.0

Gå vidare till nästa artikel för att lära dig hur du skapar en .NET Core-app och ansluter den till en SQL Database:

Självstudie: ASP.NET Core-app med SQL Database

Appmall: ASP.NET Core-app med SQL-databas och App Insights som distribueras med CI/CD GitHub Actions

Konfigurera ASP.NET Core-appen

Läs mer om Azure Developer CLI

.NET Framework 4.8

Gå vidare till nästa artikel för att lära dig hur du skapar en .NET Framework-app och ansluter den till en SQL Database:

Självstudie: ASP.NET app med SQL-databas

Konfigurera ASP.NET Framework-app

  Skydda med anpassad domän och certifikat