Skapa en ASP.NET Framework-webbapp i AzureCreate an ASP.NET Framework web app in Azure

Azure App Service ger en mycket skalbar och automatisk korrigering av webb värd tjänst.Azure App Service provides a highly scalable, self-patching web hosting service.

Den här snabbstarten visar hur du distribuerar din första ASP.NET-webbapp till Azure App Service.This quickstart shows how to deploy your first ASP.NET web app to Azure App Service. När du är klar har du en App Service plan.When you're finished, you'll have an App Service plan. Du har också en App Service-app med ett distribuerat webb program.You'll also have an App Service app with a deployed web application.

Om du inte har en Azure-prenumerationkan du skapa ett kostnads fritt konto innan du börjar.If you don't have an Azure subscription, create a free account before you begin.

FörutsättningarPrerequisites

För att slutföra den här självstudien installerar du Visual Studio 2019 med arbets belastningen ASP.net och webb utveckling .To complete this tutorial, install Visual Studio 2019 with the ASP.NET and web development workload.

Om du redan har installerat Visual Studio 2019:If you've installed Visual Studio 2019 already:

  • Installera de senaste uppdateringarna i Visual Studio genom att välja Hjälp > sökning efter uppdateringar.Install the latest updates in Visual Studio by selecting Help > Check for Updates.
  • Lägg till arbets belastningen genom att välja verktyg > Hämta verktyg och funktioner.Add the workload by selecting Tools > Get Tools and Features.

Skapa en ASP.NET-webbapp Create an ASP.NET web app

Skapa en ASP.NET-webbapp genom att följa dessa steg:Create an ASP.NET web app by following these steps:

  1. Öppna Visual Studio och välj sedan skapa ett nytt projekt.Open Visual Studio and then select Create a new project.

  2. I skapa ett nytt projekt, leta upp och välj ASP.net webb program (.NET Framework) och välj sedan Nästa.In Create a new project, find and choose ASP.NET Web Application (.NET Framework), then select Next.

  3. I Konfigurera ditt nya projekt namnger du programmet myFirstAzureWebApp och väljer sedan skapa.In Configure your new project, name the application myFirstAzureWebApp, and then select Create.

    Konfigurera ditt webbapp

  4. Du kan distribuera alla typer av ASP.NET-webbappar till Azure.You can deploy any type of ASP.NET web app to Azure. I den här snabb starten väljer du MVC -mallen.For this quickstart, choose the MVC template.

  5. Kontrol lera att autentiseringen är inställd på Ingen autentisering.Make sure authentication is set to No Authentication. Välj Skapa.Select Create.

    Skapa ASP.NET-webbprogram

  6. Från Visual Studio-menyn väljer du Felsök > Start utan fel sökning för att köra webbappen lokalt.From the Visual Studio menu, select Debug > Start Without Debugging to run the web app locally.

    Kör appen lokalt

Publicera din webbapp Publish your web app

  1. I Solution Explorer högerklickar du på projektet MyFirstAzureWebApp och väljer publicera.In Solution Explorer, right-click the myFirstAzureWebApp project and select Publish.

  2. I publicera väljer du Azure och klickar på Nästa.In Publish, select Azure and click Next.

  3. Välj Azure App Service (Windows) och klicka på Nästa.Select Azure App Service (Windows) and click Next.

  4. Vilka alternativ som är tillgängliga beror på om du redan är inloggad på Azure och om du har ett Visual Studio-konto som är länkat till ett Azure-konto.Your options depend on whether you're signed in to Azure already and whether you have a Visual Studio account linked to an Azure account. Välj antingen Lägg till ett konto eller Logga in för att logga in på din Azure-prenumeration.Select either Add an account or Sign in to sign in to your Azure subscription. Om du redan är inloggad väljer du det konto som du vill använda.If you're already signed in, select the account you want.

    Logga in på Azure

    En resurs grupp är en logisk behållare där Azure-resurser, till exempel webbappar, databaser och lagrings konton, distribueras och hanteras.A resource group is a logical container into which Azure resources, such as web apps, databases, and storage accounts, are deployed and managed. Du kan exempelvis välja att ta bort hela resursgruppen i ett enkelt steg längre fram.For example, you can choose to delete the entire resource group in one simple step later.

  5. Till höger om App Service-instanser klickar du på + .To the right of App Service instances, click +.

    Ny App Service-app

  6. För resurs grupp väljer du nytt.For Resource group, select New.

  7. I nytt resurs grupp namn anger du MyResourceGroup och väljer OK.In New resource group name, enter myResourceGroup and select OK.

    En App Service-plan anger plats, storlek och funktioner för webbservergruppen som är värd för din app.An App Service plan specifies the location, size, and features of the web server farm that hosts your app. Du kan spara pengar när du är värd för flera appar genom att konfigurera webbapparna så att de delar en enda App Service plan.You can save money when you host multiple apps by configuring the web apps to share a single App Service plan.

    App Service-planer definierar följande:App Service plans define:

    • Region (till exempel: Europa, norra; USA, östra; Asien, sydöstra m.m.)Region (for example: North Europe, East US, or Southeast Asia)
    • Instansstorlek (liten, medel eller stor)Instance size (small, medium, or large)
    • Skalningsantal (1 till 20 instanser)Scale count (1 to 20 instances)
    • SKU (Kostnadsfri, Delad, Basic, Standard eller Premium)SKU (Free, Shared, Basic, Standard, or Premium)
  8. För värd plan väljer du nytt.For Hosting Plan, select New.

  9. I dialog rutan värd plan anger du värdena i följande tabell och väljer sedan OK.In the Hosting Plan dialog, enter the values from the following table, and then select OK.

    InställningSetting Föreslaget värdeSuggested Value DescriptionDescription
    VärdplanHosting Plan myAppServicePlanmyAppServicePlan Namnet på App Service-planen.Name of the App Service plan.
    PlatsLocation Europa, västraWest Europe Datacenter som är värd för webbappen.The datacenter where the web app is hosted.
    StorlekSize KostnadsfriFree Prisnivån avgör tillgängliga värdfunktioner.Pricing tier determines hosting features.

    Skapa apptjänstplan

  10. I namn anger du ett unikt namn för appen som bara innehåller giltiga tecken är a-z , A-Z , 0-9 och - .In Name, enter a unique app name that includes only the valid characters are a-z, A-Z, 0-9, and -. Du kan acceptera det automatiskt genererade unika namnet.You can accept the automatically generated unique name. Webbadressen till webbappen är http://<app-name>.azurewebsites.net, där <app-name> är appens namn.The URL of the web app is http://<app-name>.azurewebsites.net, where <app-name> is your app name.

  11. Välj skapa för att skapa Azure-resurserna.Select Create to create the Azure resources.

    Konfigurera appnamn

    När guiden har slutförts skapas Azure-resurserna åt dig och du är redo att publicera.Once the wizard completes, the Azure resources are created for you and you are ready to publish.

  12. Stäng guiden genom att klicka på Slutför .Select Finish to close the wizard.

  13. På sidan publicera klickar du på publicera.In the Publish page, click Publish. Visual Studio skapar, paketerar och publicerar appen till Azure och startar sedan appen i standard webbläsaren.Visual Studio builds, packages, and publishes the app to Azure, and then launches the app in the default browser.

    Publicerad ASP.NET-webbapp i Azure

Namnet på appen som anges i App Service Skapa ny sida används som URL-prefix i formatet http://<app-name>.azurewebsites.net .The app name specified in the App Service Create new page is used as the URL prefix in the format http://<app-name>.azurewebsites.net.

Grattis!Congratulations! Din ASP.NET-webbapp körs Live i Azure App Service.Your ASP.NET web app is running live in Azure App Service.

Uppdatera och distribuera om appenUpdate the app and redeploy

  1. I Solution Explorer, under projektet, öppnar du vyer > Start > index. cshtml.In Solution Explorer, under your project, open Views > Home > Index.cshtml.

  2. Leta reda på HTML-taggen <div class="jumbotron"> längst upp på sidan och ersätt hela elementet med följande kod:Find the <div class="jumbotron"> HTML tag near the top, and replace the entire element with the following code:

    <div class="jumbotron">
        <h1>ASP.NET in Azure!</h1>
        <p class="lead">This is a simple app that we've built that demonstrates how to deploy a .NET app to Azure App Service.</p>
    </div>
    
  3. Högerklicka på projektet myFirstAzureWebApp i Solution Explorer och välj Publicera för att distribuera om appen till Azure.To redeploy to Azure, right-click the myFirstAzureWebApp project in Solution Explorer and select Publish. Välj sedan publicera.Then, select Publish.

    När publiceringen är klar startar Visual Studio en webbläsare till webbappens URL.When publishing completes, Visual Studio launches a browser to the URL of the web app.

    Uppdaterad ASP.NET-webbapp i Azure

Hantera Azure-appenManage the Azure app

  1. Om du vill hantera webbappen går du till Azure Portaloch söker efter och väljer app Services.To manage the web app, go to the Azure portal, and search for and select App Services.

    Välj app Services

  2. På sidan app Services väljer du namnet på din webbapp.On the App Services page, select the name of your web app.

    Portalnavigering till Azure-app

    Nu visas sidan Översikt för din webbapp.You see your web app's Overview page. Här kan du utföra grundläggande hantering som att bläddra, stoppa, starta, starta om och ta bort.Here, you can do basic management like browse, stop, start, restart, and delete.

    App Service översikt i Azure Portal

    Menyn till vänster innehåller olika sidor för att konfigurera appen.The left menu provides different pages for configuring your app.

Rensa resurserClean up resources

I de föregående stegen skapade du Azure-resurser i en resursgrupp.In the preceding steps, you created Azure resources in a resource group. Om du inte tror att du behöver dessa resurser i framtiden, kan du ta bort dem genom att ta bort resursgruppen.If you don't expect to need these resources in the future, you can delete them by deleting the resource group.

Från Azure Portal-menyn eller Start sidan väljer du resurs grupper.From the Azure portal menu or Home page, select Resource groups. På sidan resurs grupper väljer du sedan myResourceGroup.Then, on the Resource groups page, select myResourceGroup.

På sidan myResourceGroup kontrollerar du att de listade resurserna är de som du vill ta bort.On the myResourceGroup page, make sure that the listed resources are the ones you want to delete.

Välj ta bort resurs grupp, Skriv myResourceGroup i text rutan för att bekräfta och välj sedan ta bort.Select Delete resource group, type myResourceGroup in the text box to confirm, and then select Delete.

Nästa stegNext steps