Opprett og distribuer azure-appen for standard

Hvis du vil opprette og distribuere Azure-nettappen for standard, må du opprette og distribuere serverdel- og frontend-nettappene. Denne opplæringen inneholder instruksjoner for oppretting og distribusjon av standard backend- og frontend-nettapper.

Kontroller at du ser gjennom opplæringen for konfigurasjon av arbeidsbelastningsskyen før du distribuerer serverdel- og frontend-nettappene dine.

Opprett og distribuer serverdelen for standardnettappen

1. Opprett en nettappressurs i Azure-portalen.

2. Skriv inn eller velg relevant informasjon:

   • Velg Kode for Publiser.
   • Velg .NET 7 (STS) og Windows for Runtime-stakken.

Hvis du vil ha generelle instruksjoner, kan du se Komme i gang med Azure App Service.

Tilordne domenet til serverdel-nettappen

1. Gå til Egendefinerte innstillinger-domener>.

2. Velg Legg til egendefinert domene, og følg deretter instruksjonene.

   Hvis du vil ha mer informasjon, kan du se Egendefinert domenetilordning i Azure.

3. Åpne bakplateløsningen i Visual Studio.

4. Høyreklikk på standardprosjektet, og velg Publiser.

5. Velg Azure for målet.

6. Logg på med en bruker som har tilgang til Azure-nettappen du opprettet.

7. Bruk brukergrensesnittet til å finne det aktuelle abonnementet og ressursgruppen, og følg deretter instruksjonene for å publisere.

Oppdater CORS

1. Gå til API> i oversiktsruten for nettappen i Azure-portalen.
2. Legg til url-adressen for frontend-nettappen under Tillatt opprinnelse.

Opprett og distribuer standard frontend-nettappen

1. Opprett en nettappressurs i Azure-portalen.

2. Skriv inn eller velg relevant informasjon:

   • Velg Kode for Publiser.
   • Velg Node 18 LTS og Windows for Runtime-stakk.

Hvis du vil ha generelle instruksjoner, kan du se Hurtigstart for Node.js i Azure App Service.

Tilordne domenet til den frontede nettappen

1. Gå til Egendefinerte innstillinger-domener>.
2. Velg Legg til egendefinert domene, og følg deretter instruksjonene.

Hvis du vil ha mer informasjon, kan du se Egendefinert domenetilordning i Azure.

Publiser webappen for frontplate

1. Bygg din frontplate ved å kjøre npm run build:test.
2. Gå til Microsoft-Fabric-developer-sample\Frontend\tools\dist-mappen .
3. Velg alle filer og aktivamappen under dist, og opprett en .zip fil med de valgte filene.
4. Åpne PowerShell.
5. Kjør og logg på med en bruker som har tilgang til Azure-nettappen du opprettet, Connect-AzAccount i PowerShell.
6. Kjør Set-AzContext -Subscription "<subscription_id>".
7. Kjør Publish-AzWebApp -ResourceGroupName <resource_group_name> -Name <web_app_name> -ArchivePath <zip_file_path>.