Freigeben über

Erstellen und Bereitstellen der Azure-Web-App-Bausteine

  • Artikel

Zum Erstellen und Bereitstellen der Bausteine der Azure-Web-App müssen Sie die Back-End- und Frontend-Web-Apps erstellen und bereitstellen. Dieses Lernprogramm enthält Anweisungen zum Erstellen und Bereitstellen der Back-End und Front-End-Web-Apps.

Schließen Sie zunächst das Tutorial zur Einrichtung der Workload-Cloud ab, bevor Sie Ihre Back-End- und Front-End-Web-Apps bereitstellen.

Erstellen und Bereitstellen der Back-End-Web-App

  1. Erstellen Sie im Azure-Portal eine Web-App-Ressource.

  2. Geben Sie die relevanten Informationen ein, oder wählen Sie sie aus:

    • Zum Veröffentlichen wählen Sie die Option Code aus.
    • Wählen Sie für Runtime-Stapel .NET 7 (STS) und Windows aus.

Allgemeine Anweisungen finden Sie unter Erste Schritte mit Azure-App Service.

Ordnen Sie Ihre Domäne der Back-End-Web-App zu

  1. Wechseln Sie zu Einstellungen>Benutzerdefinierte Domänen.

  2. Wählen Sie Benutzerdefinierte Domäne hinzufügen aus und folgen Sie den Anweisungen.

    Weitere Informationen finden Sie unter Mapping benutzerdefinierter Domänen in Azure.

  3. Öffnen Sie in Visual Studio Ihre Back-End-Bausteine.

  4. Klicken Sie mit der rechten Maustaste auf Ihr Boilerplate-Projekt und wählen Sie Veröffentlichen aus.

  5. Wählen Sie Azure als Ziel aus.

  6. Führen Sie einen aus und melden Sie sich mit einem Benutzer an, der Zugriff auf die von Ihnen erstellte Azure-Web-App hat.

  7. Verwenden Sie die Benutzeroberfläche, um die relevante Abonnement- und Ressourcengruppe zu finden, und folgen Sie dann den Anweisungen zum Veröffentlichen.

Aktualisieren Sie CORS

  1. Gehen Sie im Azure-Portal im Bereich Übersicht Ihrer Web-App zu API>CORS.
  2. Fügen Sie unter Zulässige Ursprünge Ihre Front-End-Web-App-URL hinzu.

Erstellen und Bereitstellen der Frontend-End-Web-App

  1. Erstellen Sie im Azure-Portal eine Web-App-Ressource.

  2. Geben Sie die relevanten Informationen ein, oder wählen Sie sie aus:

    • Zum Veröffentlichen wählen Sie die Option Code aus.
    • Für Runtime-Stapel wählen Sie Node 18 LTS und Windowsaus.

Allgemeine Anweisungen finden Sie in der Schnellstartanleitung für Node.js in Azure-App Service.

Ordnen Sie Ihre Domäne der Front-End-Web-App zu

  1. Wechseln Sie zu Einstellungen>Benutzerdefinierte Domänen.
  2. Wählen Sie Benutzerdefinierte Domäne hinzufügen aus und folgen Sie den Anweisungen.

Weitere Informationen finden Sie unter Mapping benutzerdefinierter Domänen in Azure.

Veröffentlichen der Bausteine Ihrer Frontend-Web-App

  1. Erstellen Sie ihre Frontend-Bausteine, indem Sie npm run build:test ausführen.
  2. Wechseln Sie zum Ordner Microsoft-Fabric-developer-sample\Frontend\tools\dist.
  3. Wählen Sie alle Dateien und den Ressourcenordner unter dist aus und erstellen Sie eine ZIP-Datei der ausgewählten Dateien.
  4. Öffnen Sie PowerShell.
  5. Führen Sie in PowerShell einen Connect-AzAccount aus und melden Sie sich mit einem Benutzer an, der Zugriff auf die von Ihnen erstellte Azure-Web-App hat.
  6. Führe aus Set-AzContext -Subscription "<subscription_id>".
  7. Führen Sie Publish-AzWebApp -ResourceGroupName <resource_group_name> -Name <web_app_name> -ArchivePath <zip_file_path> aus.