Delen via

De standaard Azure-web-app maken en implementeren

  • Artikel

Als u de standaard-Azure-web-app wilt maken en implementeren, moet u de back-end- en front-end-web-apps maken en implementeren. Deze zelfstudie bevat instructies voor het maken en implementeren van de standaard-back-end- en front-endweb-apps.

Zorg ervoor dat u de zelfstudie over het instellen van de workloadcloud bekijkt voordat u uw back-end- en front-end-web-apps implementeert.

De standaard-back-end-web-app maken en implementeren

  1. Maak in Azure Portal een web-app-resource.

  2. Voer de relevante informatie in of selecteer deze:

    • Voor Publiceren selecteert u Code.
    • Voor runtimestack selecteert u .NET 7 (STS) en Windows.

Zie Aan de slag met Azure-app Service voor algemene instructies.

Uw domein toewijzen aan de back-endweb-app

  1. Ga naar Aangepaste instellingendomeinen>.

  2. Selecteer Aangepast domein toevoegen en volg de instructies.

    Zie Aangepaste domeintoewijzing in Azure voor meer informatie.

  3. Open in Visual Studio de standaardoplossing voor de back-end.

  4. Klik met de rechtermuisknop op het standaardproject en selecteer Publiceren.

  5. Selecteer Azure voor het doel.

  6. Meld u aan met een gebruiker die toegang heeft tot de Azure-web-app die u hebt gemaakt.

  7. Gebruik de gebruikersinterface om het relevante abonnement en de resourcegroep te zoeken en volg de instructies om te publiceren.

CORS bijwerken

  1. Ga in het overzichtsvenster van uw web-app in Azure Portal naar API>CORS.
  2. Voeg onder Toegestane origins de URL van uw front-endweb-app toe.

De standaard-front-end-web-app maken en implementeren

  1. Maak in Azure Portal een web-app-resource.

  2. Voer de relevante informatie in of selecteer deze:

    • Voor Publiceren selecteert u Code.
    • Voor runtimestack selecteert u Node 18 LTS en Windows.

Zie Quickstart voor Node.js in Azure-app Service voor algemene instructies.

Uw domein toewijzen aan de front-endweb-app

  1. Ga naar Aangepaste instellingendomeinen>.
  2. Selecteer Aangepast domein toevoegen en volg de instructies.

Zie Aangepaste domeintoewijzing in Azure voor meer informatie.

Uw front-endweb-app publiceren

  1. Bouw uw front-end standaard door uit te voeren npm run build:test.
  2. Ga naar de map Microsoft-Fabric-developer-sample\Frontend\tools\dist .
  3. Selecteer alle bestanden en de assetmap onder disten maak een .zip bestand van de geselecteerde bestanden.
  4. Open PowerShell.
  5. Voer in PowerShell een gebruiker uit Connect-AzAccount en meld u aan met een gebruiker die toegang heeft tot de Azure-web-app die u hebt gemaakt.
  6. Voer Set-AzContext -Subscription "<subscription_id>" uit.
  7. Voer Publish-AzWebApp -ResourceGroupName <resource_group_name> -Name <web_app_name> -ArchivePath <zip_file_path> uit.