Dela via

Skapa och distribuera azure-webbappen på pannplattformen

  • Artikel

Om du vill skapa och distribuera azure-webbappen på pannplattformen måste du skapa och distribuera webbapparna för serverdelen och klientdelen. Den här självstudien innehåller instruktioner för hur du skapar och distribuerar serverdelen för pannplattor och klientdelswebbappar.

Se till att du läser självstudien om molnkonfiguration för arbetsbelastning innan du distribuerar dina webbappar för serverdelen och klientdelen.

Skapa och distribuera serverdelswebbappen för pannplate

  1. Skapa en webbappresurs i Azure Portal.

  2. Ange eller välj relevant information:

    • För Publicera väljer du Kod.
    • För Körningsstack väljer du .NET 7 (STS) och Windows.

Allmänna anvisningar finns i Kom igång med Azure App Service.

Mappa din domän till serverdelswebbappen

  1. Gå till Inställningar>Anpassade domäner.

  2. Välj Lägg till anpassad domän och följ sedan anvisningarna.

    Mer information finns i Anpassad domänmappning i Azure.

  3. Öppna din serverdelslösning för pannplåt i Visual Studio.

  4. Högerklicka på pannplåtsprojektet och välj Publicera.

  5. Som mål väljer du Azure.

  6. Logga in med en användare som har åtkomst till den Azure-webbapp som du skapade.

  7. Använd användargränssnittet för att hitta relevant prenumeration och resursgrupp och följ sedan anvisningarna för att publicera.

Uppdatera CORS

  1. Gå till API>CORS i översiktsfönstret för din webbapp i Azure Portal.
  2. Under Tillåtna ursprung lägger du till webbadressen till klientdelens webbapp.

Skapa och distribuera klientdelswebbappen för pannplåt

  1. Skapa en webbappresurs i Azure Portal.

  2. Ange eller välj relevant information:

    • För Publicera väljer du Kod.
    • För Körningsstack väljer du Nod 18 LTS och Windows.

Allmänna anvisningar finns i Snabbstart för Node.js i Azure App Service.

Mappa din domän till klientdelswebbappen

  1. Gå till Inställningar>Anpassade domäner.
  2. Välj Lägg till anpassad domän och följ sedan anvisningarna.

Mer information finns i Anpassad domänmappning i Azure.

Publicera klientdelens pannplattformswebbapp

  1. Skapa din frontend-pannplåt genom att köra npm run build:test.
  2. Gå till mappen Microsoft-Fabric-developer-sample\Frontend\tools\dist .
  3. Markera alla filer och tillgångsmappen under distoch skapa en .zip fil med de markerade filerna.
  4. Öppna PowerShell.
  5. I PowerShell kör Connect-AzAccount och loggar du in med en användare som har åtkomst till den Azure-webbapp som du skapade.
  6. Kör Set-AzContext -Subscription "<subscription_id>".
  7. Kör Publish-AzWebApp -ResourceGroupName <resource_group_name> -Name <web_app_name> -ArchivePath <zip_file_path>.