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.

Creare una richiesta pull

Hai fatto il push del ramo api su GitHub. Si vuole ora che GitHub Actions pubblichi l'app Web e l'API in un URL di anteprima. Il passaggio successivo consiste quindi nel creare una richiesta pull contro il ramo principale.

  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 Nuova pull request.

  5. Selezionare il ramo principale dall'elenco a discesa di base .

  6. Selezionare il ramo api dall'elenco a discesa confrontare.

  7. Selezionare Crea pull request.

  8. Selezionare di nuovo 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 Azioni .

  2. Nel menu Flussi di lavoro, seleziona l'elemento del flusso di lavoro Azure Static Web Apps CI/CD.

  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! È 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.