Erstellen von ASP.NET Core-Web-Apps in AzureCreate an ASP.NET Core web app in Azure

Hinweis

In diesem Artikel wird eine App in App Service unter Windows bereitgestellt.This article deploys an app to App Service on Windows. Informationen zur Bereitstellung in App Service unter Linux finden Sie unter Erstellen einer .NET Core-Web-App in App Service unter Linux.To deploy to App Service on Linux, see Create a .NET Core web app in App Service on Linux.

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 Core-Web-App in Azure App Service.This quickstart shows how to deploy your first ASP.NET Core web app to Azure App Service. Am Ende verfügen Sie über eine Ressourcengruppe, die einen App Service-Plan und eine App Service-App mit einer bereitgestellten Webanwendung umfasst.When you're finished, you'll have a resource group that consists of an App Service plan and 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 2017 mit der Workload ASP.NET und Webentwicklung, um dieses Tutorial abzuschließen.To complete this tutorial, install Visual Studio 2017 with the ASP.NET and web development workload.

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

  • Installieren Sie die neuesten Updates in Visual Studio, indem Sie auf Hilfe > Nach Updates suchen klicken.Install the latest updates in Visual Studio by clicking Help > Check for Updates.
  • Fügen Sie die Workload hinzu. Klicken Sie dazu auf Tools > Tools und Features abrufen.Add the workload by clicking Tools > Get Tools and Features.

Erstellen einer ASP.NET Core-Web-AppCreate an ASP.NET Core web app

Erstellen Sie in Visual Studio ein Projekt durch Auswählen von Datei > Neu > Projekt.In Visual Studio, create a project by selecting File > New > Project.

Wählen Sie im Dialogfeld Neues Projekt die Optionen Visual C# > Web > ASP.NET Core-Webanwendung aus.In the New Project dialog, select Visual C# > Web > ASP.NET Core Web Application.

Geben Sie der Anwendung den Namen myFirstAzureWebApp, und wählen Sie anschließend OK aus.Name the application myFirstAzureWebApp, and then select OK.

Dialogfeld "Neues Projekt"

Sie können jede Art von ASP.NET Core-Web-App für Azure bereitstellen.You can deploy any type of ASP.NET Core web app to Azure. Wählen Sie in diesem Schnellstart die Vorlage Webanwendung aus, und vergewissern Sie sich, dass die Authentifizierung auf Keine Authentifizierung festgelegt und keine andere Option ausgewählt ist.For this quickstart, select the Web Application template, and make sure authentication is set to No Authentication and no other option is selected.

Klicken Sie auf OK.Select OK.

Dialogfeld "Neues ASP.NET-Projekt"

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

Lokales Ausführen der App

Starten des Veröffentlichungs-AssistentenLaunch the publish wizard

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

Veröffentlichen über den Projektmappen-Explorer

Der Veröffentlichungs-Assistent wird automatisch gestartet.The publish wizard is automatically launched. Wählen Sie App Service > Veröffentlichen, um das Dialogfeld App Service erstellen zu öffnen.Select App Service > Publish to open the Create App Service dialog.

Veröffentlichen über die Projektübersichtsseite

Anmelden bei AzureSign in to Azure

Klicken Sie im Dialogfeld App Service erstellen auf Konto hinzufügen, und melden Sie sich bei Ihrem Azure-Abonnement an.In the Create App Service dialog, click Add an account, and sign in to your Azure subscription. Wenn Sie bereits angemeldet sind, wählen Sie in der Dropdownliste das gewünschte Konto aus.If you're already signed in, select the account you want from the dropdown.

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

Erstellen einer RessourcengruppeCreate a resource group

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.

Wählen Sie neben Ressourcengruppe die Option Neu aus.Next to Resource Group, select New.

Nennen Sie die Ressourcengruppe myResourceGroup, und wählen Sie OK aus.Name the resource group myResourceGroup and select OK.

Wie erstelle ich einen Plan?Create an App Service plan

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)

Wählen Sie neben Hostingplan die Option Neu aus.Next to Hosting Plan, select New.

Verwenden Sie im Dialogfeld Hostingplan konfigurieren die in der Tabelle unter dem Screenshot aufgeführten Einstellungen.In the Configure Hosting Plan dialog, use the settings in the table following the screenshot.

App Service-Plan erstellen

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

Klicken Sie auf OK.Select OK.

Erstellen und Veröffentlichen der Web-AppCreate and publish the web app

Geben Sie unter App-Name einen eindeutigen App-Namen ein (gültige Zeichen sind a-z, 0-9 und -), oder akzeptieren Sie den automatisch generierten eindeutigen Namen.In App Name, type a unique app name (valid characters are a-z, 0-9, and -), or 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.

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

Konfigurieren des App-Namens

Nach Abschluss des Assistenten wird die ASP.NET Core-Web-App in Azure veröffentlicht und anschließend im Standardbrowser gestartet.Once the wizard completes, it publishes the ASP.NET Core 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 im Schritt „Erstellen und Veröffentlichen“ angegeben haben, wird als URL-Präfix im Format http://<app_name>.azurewebsites.net verwendet.The app name specified in the create and publish step is used as the URL prefix in the format http://<app_name>.azurewebsites.net.

Herzlichen Glückwunsch, Ihre ASP.NET Core-Web-App wird live in Azure App Service ausgeführt.Congratulations, your ASP.NET Core web app is running live in Azure App Service.

Aktualisieren der App und erneutes BereitstellenUpdate the app and redeploy

Öffnen Sie im Projektmappen-Explorer Folgendes: Pages/Index.cshtml.From the Solution Explorer, open Pages/Index.cshtml.

Ersetzen Sie die zwei <div>-Tags durch den folgenden Code:Replace the two <div> tags 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>

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.

Wählen Sie auf der Seite mit der Veröffentlichungszusammenfassung die Option Veröffentlichen aus.In the publish summary page, select Publish. Seite mit der Veröffentlichungszusammenfassung in Visual StudioVisual Studio publish summary page

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

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

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, Neustarten und Löschen durchführen.Here, you can perform basic management tasks like browse, stop, start, restart, and delete.

App Service-Blatt 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.

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