Esercizio - Pubblicare l'API con GitHub Actions

  • 4 minuti

L'app Web e l'API sono entrambe in esecuzione in locale. È ora possibile pubblicare l'app Web e l'API in App Web statiche di Azure.

Eseguire il push delle modifiche in GitHub

Nell'esercizio precedente sono state apportate modifiche all'API. È ora il momento di eseguire il commit delle modifiche nel ramo api ed eseguirne il push in GitHub.

Crea una richiesta pull

È stato eseguito il push del ramo api in GitHub. Si vuole ora che GitHub Actions pubblichi l'app Web e l'API in un URL di anteprima. Il prossimo passaggio consiste quindi nel creare una richiesta pull sul ramo main.

  1. Aprire un browser.

  2. Passare al repository:

    https://github.com/<YOUR_GITHUB_USERNAME>/my-static-blazor-app

  3. Selezionare il collegamento Pull requests (Richieste pull).

  4. Selezionare New pull request (Nuova richiesta pull).

  5. Selezionare il ramo main nell'elenco a discesa base.

  6. Selezionare il ramo api nell'elenco a discesa compare.

  7. Selezionare Crea richiesta pull.

  8. Selezionare di nuovo Create pull request (Crea richiesta pull).

GitHub Action è ora attivato.

Osservare GitHub Actions compilare e pubblicare l'app

È possibile restare nel browser nel repository e monitorare lo stato di GitHub Actions. Per visualizzare lo stato, completare questi passaggi:

  1. Selezionare il menu Actions.

  2. Nel menu Workflows (Flussi di lavoro) selezionare la voce del flusso di lavoro Azure Static Web Apps CI/CD (CI/CD App Web statiche di Azure).

  3. Selezionare il collegamento più recente (in alto) nelle esecuzioni di GitHub Actions a destra.

  4. Selezionare il collegamento Build and Deploy Job (Compila e distribuisci processo).

È possibile visualizzare lo stato di GitHub Actions durante la compilazione e la pubblicazione dell'app Web e dell'API.

Passare all'URL di anteprima

Dopo che GitHub Actions ha completato le operazioni, è possibile visualizzare l'app in esecuzione nel browser.

  1. Selezionare il menu Pull requests (Richieste pull).

  2. Selezionare la richiesta pull.

  3. Selezionare il collegamento che segue il messaggio Azure Static Web Apps: Your stage site is ready! Visit it here (App Web statiche di Azure: il sito di staging è pronto. È possibile visitarlo qui).

Si noti che l'URL di anteprima contiene un trattino seguito da un numero. Il numero corrisponde al numero della richiesta pull creata. Per ogni richiesta pull creata, si ottiene un URL di anteprima univoco e ripetibile. Per creare l'URL di anteprima viene usata anche l'area.

Passaggi successivi

È stata creata la prima istanza di App Web statiche di Azure con un'app Web e un'API. Se si unisce la richiesta pull creata, il servizio App Web statiche di Azure distribuirà automaticamente le modifiche nell'app di produzione.