Opret og udrul standardskabelonen i Azure-webappen
Hvis du vil oprette og udrulle standardskabelonen azure-webapp, skal du oprette og installere backend- og frontendwebapps. Dette selvstudium indeholder instruktioner til oprettelse og installation af standard backend- og frontendwebapps.
Sørg for, at du gennemser selvstudiet om konfiguration af arbejdsbelastningsskyen, før du installerer dine backend- og frontendwebapps.
Opret og udrul standardwebappen til backend
Opret en webappressource i Azure-portal.
Angiv eller vælg de relevante oplysninger:
- Vælg Kode for Publicer.
- Som Kørselsstak skal du vælge .NET 7 (STS) og Windows.
Du kan finde generelle instruktioner under Kom i gang med Azure App Service.
Knyt dit domæne til back end-webappen
Gå til Indstillinger>Brugerdefinerede domæner.
Vælg Tilføj brugerdefineret domæne, og følg derefter vejledningen.
Du kan få flere oplysninger under Brugerdefineret domænetilknytning i Azure.
Åbn din backend-standardløsning i Visual Studio.
Højreklik på standardprojektet, og vælg Publicer.
Vælg Azure for målet.
Log på med en bruger, der har adgang til den Azure-webapp, du har oprettet.
Brug brugergrænsefladen til at finde det relevante abonnement og den relevante ressourcegruppe, og følg derefter vejledningen for at publicere.
Opdater CORS
- I oversigtsruden i din webapp i Azure-portal skal du gå til API>CORS.
- Tilføj URL-adressen til frontendwebappen under Tilladte oprindelser.
Opret og udrul frontendwebappen standard
Opret en webappressource i Azure-portal.
Angiv eller vælg de relevante oplysninger:
- Vælg Kode for Publicer.
- Som Kørselsstak skal du vælge Node 18 LTS og Windows.
Du kan finde generelle instruktioner under Hurtig start for Node.js i Azure App Service.
Knyt dit domæne til frontendwebappen
- Gå til Indstillinger>Brugerdefinerede domæner.
- Vælg Tilføj brugerdefineret domæne, og følg derefter vejledningen.
Du kan få flere oplysninger under Brugerdefineret domænetilknytning i Azure.
Publicer din frontend-standardwebapp
- Byg din frontend-standardtekst ved at køre
npm run build:test
. - Gå til mappen Microsoft-Fabric-developer-sample\Frontend\tools\dist .
- Vælg alle filer og aktivmappen under
dist
, og opret en .zip fil med de valgte filer. - Åbn PowerShell.
- I PowerShell skal du køre
Connect-AzAccount
og logge på med en bruger, der har adgang til den Azure-webapp, du har oprettet. - Kør
Set-AzContext -Subscription "<subscription_id>"
. - Kør
Publish-AzWebApp -ResourceGroupName <resource_group_name> -Name <web_app_name> -ArchivePath <zip_file_path>
.