Condividi tramite

Creare e distribuire l'app Web boilerplate di Azure

  • Articolo

Per creare e distribuire l'app Web boilerplate di Azure, è necessario creare e distribuire le app Web back-end e front-end. Questa esercitazione fornisce istruzioni per la creazione e la distribuzione di app Web boilerplate back-end e front-end.

Assicurarsi di esaminare l'esercitazione sulla configurazione del cloud del carico di lavoro prima di distribuire le app Web back-end e front-end.

Creare e distribuire l'app Web back-end boilerplate

  1. Nella portale di Azure creare una risorsa dell'app Web.

  2. Immettere o selezionare le informazioni pertinenti:

    • Per Pubblica, selezionare Codice.
    • Per Stack di runtime, selezionare .NET 7 (STS) e Windows.

Per istruzioni generali, vedere Introduzione al servizio app Azure.

Eseguire il mapping del dominio all'app Web back-end

  1. Passare a Impostazioni Domini> personalizzati.

  2. Selezionare Aggiungi dominio personalizzato e quindi seguire le istruzioni.

    Per altre informazioni, vedere Mapping di domini personalizzati in Azure.

  3. In Visual Studio aprire la soluzione boilerplate back-end.

  4. Fare clic con il pulsante destro del mouse sul progetto boilerplate e scegliere Pubblica.

  5. Per la destinazione selezionare Azure.

  6. Accedere con un utente che può accedere all'app Web di Azure creata.

  7. Usare l'interfaccia utente per individuare la sottoscrizione e il gruppo di risorse pertinenti e quindi seguire le istruzioni per la pubblicazione.

Aggiornare CORS

  1. Nel riquadro di panoramica dell'app Web nel portale di Azure passare a CORS api>.
  2. In Origini consentite aggiungere l'URL dell'app Web front-end.

Creare e distribuire l'app Web front-end boilerplate

  1. Nella portale di Azure creare una risorsa dell'app Web.

  2. Immettere o selezionare le informazioni pertinenti:

    • Per Pubblica, selezionare Codice.
    • Per Stack di runtime, selezionare Node 18 LTS e Windows.

Per istruzioni generali, vedere Guida di avvio rapido per Node.js nel servizio app di Azure.

Eseguire il mapping del dominio all'app Web front-end

  1. Passare a Impostazioni Domini> personalizzati.
  2. Selezionare Aggiungi dominio personalizzato e quindi seguire le istruzioni.

Per altre informazioni, vedere Mapping di domini personalizzati in Azure.

Pubblicare l'app Web boilerplate front-end

  1. Compilare il front-end boilerplate eseguendo npm run build:test.
  2. Passare alla cartella Microsoft-Fabric-developer-sample\Frontend\tools\dist .
  3. Selezionare tutti i file e la cartella asset in diste creare un file .zip dei file selezionati.
  4. Aprire PowerShell.
  5. In PowerShell eseguire Connect-AzAccount e accedere con un utente che ha accesso all'app Web di Azure creata.
  6. Eseguire Set-AzContext -Subscription "<subscription_id>".
  7. Eseguire Publish-AzWebApp -ResourceGroupName <resource_group_name> -Name <web_app_name> -ArchivePath <zip_file_path>.