Erstellen einer ASP.NET Framework-Web-App in AzureCreate an ASP.NET Framework web app in Azure

Von Azure App Service wird ein hochgradig skalierbarer Webhostingdienst mit Self-Patching bereitgestellt.Azure App Service provides a highly scalable, self-patching web hosting service.

Diese Schnellstartanleitung veranschaulicht die Bereitstellung Ihrer ersten ASP.NET-Web-App in Azure App Service.This quickstart shows how to deploy your first ASP.NET web app to Azure App Service. Wenn Sie fertig sind, verfügen Sie über einen App Service-Plan.When you're finished, you'll have an App Service plan. Darüber hinaus besitzen Sie eine App Service-App mit einer bereitgestellten Webanwendung.You'll also have an App Service app with a deployed web application.

Wenn Sie kein Azure-Abonnement besitzen, erstellen Sie ein kostenloses Konto, bevor Sie beginnen.If you don't have an Azure subscription, create a free account before you begin.

VoraussetzungenPrerequisites

Installieren Sie Visual Studio 2019 mit der Workload ASP.NET und Webentwicklung, um dieses Tutorial abzuschließen.To complete this tutorial, install Visual Studio 2019 with the ASP.NET and web development workload.

Sie haben Visual Studio 2019 bereits installiert:If you've installed Visual Studio 2019 already:

  • Installieren Sie die neuesten Updates in Visual Studio, indem Sie Hilfe > Nach Updates suchen auswählen.Install the latest updates in Visual Studio by selecting Help > Check for Updates.
  • Fügen Sie die Workload hinzu. Wählen Sie dazu Tools > Tools und Features abrufen aus.Add the workload by selecting Tools > Get Tools and Features.

Erstellen einer ASP.NET-Web-App Create an ASP.NET web app

Führen Sie zum Erstellen einer ASP.NET-Web-App die folgenden Schritte aus:Create an ASP.NET web app by following these steps:

  1. Öffnen Sie Visual Studio, und wählen Sie Neues Projekt erstellen aus.Open Visual Studio and then select Create a new project.

  2. Suchen Sie unter Neues Projekt erstellen die Option ASP.NET-Webanwendung (.NET Framework) für C#, und wählen Sie sie aus. Wählen Sie anschließend Weiter aus.In Create a new project, find and choose ASP.NET Web Application (.NET Framework) for C#, then select Next.

  3. Geben Sie der Anwendung unter Neues Projekt konfigurieren den Namen myFirstAzureWebApp, und wählen Sie dann Erstellen aus.In Configure your new project, name the application myFirstAzureWebApp, and then select Create.

    Konfigurieren des Web-App-Projekts

  4. Sie können jede Art von ASP.NET Web-App für Azure bereitstellen.You can deploy any type of ASP.NET web app to Azure. Wählen Sie für diesen Schnellstart die Vorlage MVC aus.For this quickstart, choose the MVC template.

  5. Stellen Sie sicher, dass für die Authentifizierung Keine Authentifizierung festgelegt ist.Make sure authentication is set to No Authentication. Klicken Sie auf Erstellen.Select Create.

    Erstellen einer ASP.NET-Webanwendung

  6. Wählen Sie im Visual Studio-Menü die Option Debuggen > Starten ohne Debugging aus, um die Web-App lokal auszuführen.From the Visual Studio menu, select Debug > Start Without Debugging to run the web app locally.

    Lokales Ausführen der App

Veröffentlichen Ihrer Web-App Publish your web app

  1. Klicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf das Projekt myFirstAzureWebApp, und wählen Sie Veröffentlichen aus.In Solution Explorer, right-click the myFirstAzureWebApp project and select Publish.

  2. Wählen Sie App Service und dann Veröffentlichen aus.Choose App Service and then select Publish.

    Veröffentlichen über die Projektübersichtsseite

  3. Unter App Service – Neues Element erstellen hängen Ihre Optionen davon ab, ob Sie bereits bei Azure angemeldet sind und ob Sie über ein Visual Studio-Konto verfügen, das mit einem Azure-Konto verknüpft ist.In App Service Create new, 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. Wählen Sie entweder Konto hinzufügen oder Anmelden aus, um sich bei Ihrem Azure-Abonnement anzumelden.Select either Add an account or Sign in to sign in to your Azure subscription. Wenn Sie bereits angemeldet sind, wählen Sie das gewünschte Konto aus.If you're already signed in, select the account you want.

    Hinweis

    Wenn Sie bereits angemeldet sind, wählen Sie noch nicht Erstellen aus.If you're already signed in, don't select Create yet.

    Anmelden bei Azure

    Eine Ressourcengruppe ist ein logischer Container, in dem Azure-Ressourcen wie Web-Apps, Datenbanken und Speicherkonten bereitgestellt und verwaltet werden.A resource group is a logical container into which Azure resources like web apps, databases, and storage accounts are deployed and managed. Sie können z.B. die gesamte Ressourcengruppe später in einem einfachen Schritt löschen.For example, you can choose to delete the entire resource group in one simple step later.

  4. Wählen Sie unter Ressourcengruppe die Option Neu aus.For Resource group, select New.

  5. Geben Sie unter Name der neuen Ressourcengruppe den Namen myResourceGroup ein, und wählen Sie OK aus.In New resource group name, enter myResourceGroup and select OK.

    Ein App Service-Plan gibt den Standort, die Größe und die Funktionen der Webserverfarm an, die Ihre App hostet.An App Service plan specifies the location, size, and features of the web server farm that hosts your app. Beim Hosten mehrerer Apps können Sie Geld sparen, indem Sie die Web-Apps für die gemeinsame Verwendung eines einzelnen App Service-Plans konfigurieren.You can save money when hosting multiple apps by configuring the web apps to share a single App Service plan.

    In App Service-Plänen wird Folgendes definiert:App Service plans define:

    • Region (Beispiel: „Europa, Norden“, „USA, Osten“, „Asien, Südosten“)Region (for example: North Europe, East US, or Southeast Asia)
    • Instanzgröße (klein, mittel, groß)Instance size (small, medium, or large)
    • Skalierung (1 bis 20 Instanzen)Scale count (1 to 20 instances)
    • SKU (Free, Shared, Basic, Standard oder Premium)SKU (Free, Shared, Basic, Standard, or Premium)
  6. Wählen Sie unter Hostingplan die Option Neu aus.For to Hosting Plan, select New.

  7. Geben Sie im Dialogfeld Hostingplan konfigurieren die Werte aus der folgenden Tabelle ein, und wählen Sie dann OK aus.In the Configure Hosting Plan dialog, enter the values from the following table, and then select OK.

    EinstellungSetting Empfohlener WertSuggested Value BESCHREIBUNGDescription
    App Service-PlanApp Service Plan myAppServicePlanmyAppServicePlan Name des App Service-Plans.Name of the App Service plan.
    LocationLocation Europa, WestenWest Europe Das Rechenzentrum, in dem die Web-App gehostet wird.The datacenter where the web app is hosted.
    SizeSize KostenlosFree Der Tarif bestimmt die Hostingfeatures.Pricing tier determines hosting features.

    App Service-Plan erstellen

  8. Geben Sie unter Name einen eindeutigen App-Namen ein, der nur aus den folgenden zulässigen Zeichen besteht: a-z, A-Z, 0-9 und -.In Name, enter a unique app name that includes only the valid characters are a-z, A-Z, 0-9, and -. Sie können den automatisch generierten eindeutigen Namen übernehmen.You can accept the automatically generated unique name. Die URL der Web-App lautet http://<app_name>.azurewebsites.net, wobei <app_name> der Name Ihrer App ist.The URL of the web app is http://<app_name>.azurewebsites.net, where <app_name> is your app name.

    Konfigurieren des App-Namens

  9. Wählen Sie Erstellen aus, um mit der Erstellung der Azure-Ressourcen zu beginnen.Select Create to start creating the Azure resources.

Nach Abschluss des Assistenten wird die ASP.NET Web-App in Azure veröffentlicht und anschließend im Standardbrowser gestartet.Once the wizard completes, it publishes the ASP.NET web app to Azure, and then launches the app in the default browser.

Veröffentlichte ASP.NET-Web-App in Azure

Der App-Name, den Sie auf der Seite App Service – Neues Element erstellen angegeben haben, wird als URL-Präfix im Format http://<app_name>.azurewebsites.net verwendet.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.

Glückwunsch!Congratulations! Ihre ASP.NET-Web-App wird live in Azure App Service ausgeführt.Your ASP.NET web app is running live in Azure App Service.

Aktualisieren der App und erneutes BereitstellenUpdate the app and redeploy

  1. Öffnen Sie im Projektmappen-Explorer unter Ihrem Projekt Ansichten > Start > Index.cshtml.In Solution Explorer, under your project, open Views > Home > Index.cshtml.

  2. Suchen Sie im oberen Bereich nach dem HTML-Tag <div class="jumbotron">, und ersetzen Sie das gesamte Element durch folgenden Code: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. Klicken Sie zur erneuten Bereitstellung in Azure im Projektmappen-Explorer mit der rechten Maustaste auf das Projekt myFirstAzureWebApp, und wählen Sie Veröffentlichen aus.To redeploy to Azure, right-click the myFirstAzureWebApp project in Solution Explorer and select Publish.

  4. Wählen Sie auf der Zusammenfassungsseite Veröffentlichen die Option Veröffentlichen aus.In the Publish summary page, select Publish.

    Seite mit der Zusammenfassung in Visual Studio

Nach Abschluss der Veröffentlichung wird in Visual Studio ein Browser mit der URL der Web-App gestartet.When publishing completes, Visual Studio launches a browser to the URL of the web app.

Aktualisierte ASP.NET-Web-App in Azure

Verwalten der Azure-AppManage the Azure app

  1. Wechseln Sie zum Azure-Portal, um die Web-App zu verwalten.Go to the Azure portal to manage the web app.

  2. Wählen Sie im linken Menü App Services und anschließend den Namen Ihrer Azure-App aus.From the left menu, select App Services, and then select the name of your Azure app.

    Portalnavigation zur Azure-App

    Die Übersichtsseite Ihrer Web-App wird angezeigt.You see your web app's Overview page. Hier können Sie einfache Verwaltungsaufgaben wie Durchsuchen, Beenden, Starten, Neustarten und Löschen durchführen.Here, you can do basic management like browse, stop, start, restart, and delete.

    App Service-Übersicht im Azure-Portal

    Im linken Menü werden verschiedene Seiten für die Konfiguration Ihrer App angezeigt.The left menu provides different pages for configuring your app.

VideoVideo

Sehen Sie sich das Video an, um diese Schnellstartanleitung in Aktion zu erleben, und führen Sie dann selbst die Schritte aus, um Ihre erste .NET-App in Azure zu veröffentlichen.Watch the video to see this quickstart in action and then follow the steps yourself to publish your first .NET app on Azure.

Bereinigen von RessourcenClean up resources

In den vorherigen Schritten haben Sie Azure-Ressourcen in einer Ressourcengruppe erstellt.In the preceding steps, you created Azure resources in a resource group. Wenn Sie diese Ressourcen in Zukunft nicht mehr benötigen, können Sie sie löschen, indem Sie die Ressourcengruppe löschen.If you don't expect to need these resources in the future, you can delete them by deleting the resource group.

Klicken Sie im Azure-Portal im Menü auf der linken Seite auf Ressourcengruppen und dann auf myResourceGroup.From the left menu in the Azure portal, select Resource groups and then select myResourceGroup.

Stellen Sie auf der Seite der Ressourcengruppe sicher, dass die Ressourcen aufgelistet sind, die Sie löschen möchten.On the resource group page, make sure that the listed resources are the ones you want to delete.

Wählen Sie Löschen aus, geben Sie im Textfeld myResourceGroup ein, und wählen Sie dann Löschen aus.Select Delete, type myResourceGroup in the text box, and then select Delete.

Nächste SchritteNext steps