Teilen über

Erstellen und Bereitstellen der Azure-Web-App-Bausteine (Vorschau)

  • 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.

Erstellen und Bereitstellen der Back-End-Web-App

So erstellen Sie im Azure-Portal eine Azure-Web-App:

  1. Erstellen einer Web-App-Ressource im Azure-Portal.
  2. Füllen Sie alle relevanten Daten 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 zu Web-App Teil 1 zu.

  1. Navigieren Sie zu Einstellungen ->Custom Domains.
  2. Wählen Sie Custom Domain hinzufügen aus und folgen Sie den Anweisungen. Weitere Informationen zur Zuordnung von Custom Domains finden Sie unter Zuordnung von Custom Domains in Azure.
  3. Öffnen Sie Ihre Back-End-Textbausteine in Visual Studio.
  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. Navigieren Sie auf der Azure-Seite 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

So erstellen Sie im Azure-Portal eine Azure-Web-App:

  1. Erstellen einer Web-App-Ressource im Azure-Portal. eine „Web-App“-Ressource im Azure-Portal.
  2. Füllen Sie alle relevanten Daten 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 Web-App zu.

  1. Navigieren Sie zu Einstellungen ->Custom Domains.
  2. Wählen Sie Custom Domain hinzufügen aus und folgen Sie den Anweisungen.

Weitere Informationen zur Zuordnung von Custom Domains finden Sie unter Zuordnung von Custom Domains in Azure.

Veröffentlichen Ihrer Frontend-Web App-Bausteine Teil 2

  1. Erstellen Sie ihre Frontend-Bausteine, indem Sie npm run build:test ausführen.
  2. Navigieren Sie zum dist-Ordner unter 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.
  4. Öffnen Sie PowerShell.
  5. Führen Sie 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ühren Sie Set-AzContext -Subscription "<subscription_id>" aus.
  7. Führen Sie Publish-AzWebApp -ResourceGroupName <resource_group_name> -Name <web_app_name> -ArchivePath <zip_file_path> aus.