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. A questo punto è possibile eseguire il commit di tali 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

Al termine dell'azione GitHub, è 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, App Web statiche di Azure distribuisce automaticamente le modifiche all'app di produzione.