Veröffentlichen einer Web-App in Azure App Service mit Visual StudioPublish a Web app to Azure App Service using Visual Studio

Mithilfe einer der folgenden Methoden können Sie ASP.NET-, ASP.NET Core, Node.js und .NET Core-Apps in Azure App Service oder Azure App Service Linux (mit Containern) veröffentlichen.For ASP.NET, ASP.NET Core, Node.js, and .NET Core apps, publish to Azure App Service or Azure App Service Linux (using containers) using one of the following methods.

  • Verwenden Sie Azure DevOps mit Azure Pipelines für die kontinuierliche (oder automatisierte) Bereitstellung von Apps.For continuous (or automated) deployment of apps, use Azure DevOps with Azure Pipelines.

  • Verwenden Sie für die einmalige (oder manuelle) Bereitstellung von Apps das Tool zum Veröffentlichen in Visual Studio, um ASP.NET-, ASP.NET Core-, Node.js- und .NET Core-Apps in Azure App Service oder Azure App Service für Linux (mit Containern) bereitzustellen.For one-time (or manual) deployment of apps, use the Publish tool in Visual Studio to deploy ASP.NET, ASP.NET Core, Node.js, and .NET Core apps to Azure App Service or App Service for Linux (using containers). Führen Sie für Python-Apps die Schritte unter Python – Veröffentlichen in Azure App Service aus.For Python apps, follow the steps on Python - Publish to Azure App Service.

In diesem Artikel wird beschrieben, wie Sie das Tool zum Veröffentlichen für die einmalige Bereitstellung verwenden.This article describes how to use the Publish tool for one-time deployment.

VoraussetzungenPrerequisites

  • Visual Studio 2019 mit den passenden Workloads für Ihre bevorzugte Sprache:Visual Studio 2019 installed with the appropriate workloads for your language of choice:
    • ASP.NET: ASP.NET und WebentwicklungASP.NET: ASP.NET and web development
    • Node.js: Node.js-EntwicklungNode.js: Node.js development
  • Visual Studio 2017 mit den zu der von Ihnen bevorzugten Sprache passenden Workloads:Visual Studio 2017 installed with the appropriate workloads for your language of choice:
    • ASP.NET: ASP.NET und WebentwicklungASP.NET: ASP.NET and web development
    • Node.js: Node.js-EntwicklungNode.js: Node.js development
  • Ein Azure-Abonnement.An Azure subscription. Registrieren Sie sich kostenlos, wenn Sie noch nicht über ein Abonnement verfügen. Dabei werden Ihnen für 30 Tage und 12 Monate für beliebte kostenlose Dienste 200 USD gutgeschrieben.If you do not already have subscription, sign up for free, which includes $200 in credit for 30 days and 12 months of popular free services.

  • Ein ASP.NET-, ASP.NET Core-, .NET Core- oder Node.js-Projekt.An ASP.NET, ASP.NET Core, .NET Core, or Node.js project. Wenn Sie noch nicht über ein Projekt verfügen, wählen Sie eine der nachfolgenden Optionen aus:If you don't already have a project, select an option below:

    • ASP.NET Core: Arbeiten Sie Schnellstart: Verwenden von Visual Studio zum Erstellen Ihrer ersten ASP.NET Core-Web-App durch, oder führen Sie die folgenden Schritte aus:ASP.NET Core: Follow Quickstart: Use Visual Studio to create your first ASP.NET Core web app, or use the following steps:

      Wählen Sie im Startfenster von Visual Studio 2019 die Option Neues Projekt erstellen aus.In Visual Studio 2019, choose Create a new project in the start window. Wenn das Startfenster nicht geöffnet ist, klicken Sie auf Datei > Startfenster.If the start window is not open, choose File > Start Window. Geben Sie im Suchfeld Web-App ein, wählen Sie als Sprache C# und anschließend ASP.NET Core-Webanwendung (Model View Controller) aus, und klicken Sie dann auf Weiter.Type web app in the search box, choose C# as the language, then choose ASP.NET Core Web Application (Model-View-Controller), and then choose Next. Geben Sie dem Projekt im nächsten Bildschirm den Namen MyASPApp, und klicken Sie dann auf Weiter.On the next screen, name the project MyASPApp, and then choose Next.

      Wählen Sie entweder das empfohlene Zielframework (.NET Core 3.1) oder .NET 5 aus, und klicken Sie dann auf Erstellen.Choose either the recommended target framework (.NET Core 3.1) or .NET 5, and then choose Create.

      Wählen Sie in Visual Studio 2017 Datei > Neues Projekt und anschließend Visual C# > .NET Core aus. Klicken Sie dann auf ASP.NET Core-Webanwendung.In Visual Studio 2017, choose File > New Project, select Visual C# > .NET Core, then select ASP.NET Core Web Application. Wenn Sie dazu aufgefordert werden, klicken Sie auf die Vorlage Webanwendung (Model View Controller), vergewissern Sie sich, dass No Authentication (Keine Authentifizierung) ausgewählt ist, und klicken Sie anschließend auf OK.When prompted, select the Web Application (Model-View-Controller) template, make sure that No Authentication is selected, and then select OK.

    • Node.js: Führen Sie die unter Schnellstart: Erstellen Ihrer ersten Node.js-App mithilfe von Visual Studio beschriebenen Schritte aus, oder klicken Sie auf Datei > Neues Projekt, und wählen Sie JavaScript und anschließend Blank Node.js Web Application (Leere Node.js Webanwendung) aus.Node.js: Follow Quickstart: Use Visual Studio to create your first Node.js app, or use File > New Project, select JavaScript, then select Blank Node.js Web Application.

  • Erstellen Sie das Projekt über den Menübefehl Erstellen > Projektmappe erstellen, bevor Sie mit der Bereitstellung beginnen.Make sure you build the project using the Build > Build Solution menu command before following the deployment steps.

Veröffentlichen in Azure App Service unter WindowsPublish to Azure App Service on Windows

  1. Klicken Sie im Projektmappen-Explorer erst mit der rechten Maustaste auf den Projektknoten, und wählen Sie dann Veröffentlichen aus. Alternativ können Sie auch das Menüelement Erstellen > Veröffentlichen verwenden.In Solution Explorer, right-click the project node and choose Publish (or use the Build > Publish menu item).

    Der Befehl „Veröffentlichen“ im Kontextmenü des Projekts im Projektmappen-ExplorerThe Publish command on the project context menu in Solution Explorer

  2. Wenn Sie bereits Veröffentlichungsprofile konfiguriert haben, wird das Fenster Veröffentlichen angezeigt.If you have previously configured any publishing profiles, the Publish window appears. Wählen Sie Neu aus.Select New.

  3. Wählen Sie im Fenster Veröffentlichen die Option Azure aus.In the Publish window, select Azure.

    Auswählen eines Veröffentlichungsziels

  4. Wählen Sie Azure App Service (Windows) und Weiter aus.Select Azure App Service (Windows) and Next.

    Auswählen von Azure App Service für Linux

  5. Melden Sie sich mit Ihrem Azure-Konto an, wenn erforderlich.Sign in with your Azure account, if necessary. Wählen Sie Neue Azure App Service-Instanz erstellen... aus.Select Create a new Azure App Service...

    Link zum Erstellen einer neuen Instanz von Azure App Service

  6. Im Dialogfeld Azure App Service erstellen (Windows) werden die Felder App-Name, Ressourcengruppe und App Service-Plan mit Daten aufgefüllt.In the Create Azure App Service (Windows) dialog, the App Name, Resource Group, and App Service Plan entry fields are populated. Sie können diese Namen beibehalten oder ändern.You can keep these names or change them. Wählen Sie Erstellen aus, wenn Sie dazu bereit sind.When ready, select Create.

    Screenshot: Dialogfeld „Azure App Service erstellen (Windows)“ mit Werten in den Feldern für „Name“, „Abonnement“, „Ressourcengruppe“ und „Hostingplan“

  7. Im Dialogfeld Veröffentlichen wurde die neu erstellte Instanz automatisch ausgewählt.In the Publish dialog, the newly created instance has been automatically selected. Wenn Sie bereit sind, wählen Sie Fertig stellen aus.When ready, select Finish.

    Screenshot: Zugriff auf Fenster „Veröffentlichen“ über Projektmappen-Explorer von Visual Studio.

  8. Wählen Sie Veröffentlichen.Select Publish. Visual Studio stellt die App in Azure App Service bereit, und die Web-App wird in Ihrem Browser geladen.Visual Studio deploys the app to your Azure App Service, and the web app loads in your browser. Im Bereich Veröffentlichen werden in den Projekteigenschaften die Website-URL und andere Details angezeigt.The project properties Publish pane shows the site URL and other details.

    Bereich „Veröffentlichen“ in den Projekteigenschaften mit einer Profilzusammenfassung

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 sich sicher sind, dass Sie diese Ressourcen in Zukunft nicht mehr benötigen, können Sie sie löschen, indem Sie die Ressourcengruppe entfernen.If you don't expect to need these resources in the future, you can delete them by deleting the resource group. Wählen Sie links im Azure-Portal Ressourcengruppen und anschließend myResourceGroup aus.From the left menu in the Azure portal, select Resource groups and then select myResourceGroup. Vergewissern Sie sich, dass es sich bei den auf der Seite „Ressourcengruppe“ aufgeführten Ressourcen wirklich um die Ressourcen handelt, die gelöscht werden sollen.On the resource group page, make sure that the listed resources are the ones you want to delete. Klicken Sie auf Löschen, geben Sie myResourceGroup in das Textfeld ein, und klicken Sie anschließend erneut auf Löschen.Select Delete, type myResourceGroup in the text box, and then select Delete.

Nächste SchritteNext steps

In diesem Schnellstart haben Sie gelernt, wie Sie mithilfe von Visual Studio ein Veröffentlichungsprofil für die Bereitstellung in Azure erstellen.In this quickstart, you learned how to use Visual Studio to create a publishing profile for deployment to Azure. Sie können ein Veröffentlichungsprofil auch durch das Importieren von Veröffentlichungseinstellungen über Azure App Service konfigurieren.You can also configure a publishing profile by importing publish settings from Azure App Service.