Exercice – Publier l’API avec GitHub Actions

4 minutes

Votre application web et votre API s’exécutent toutes les deux localement. À présent, il est temps de publier votre application web et votre API dans Azure Static Web Apps.

Envoyer (push) vos modifications vers GitHub

Vous avez apporté des modifications à votre API dans l’exercice précédent. Il est désormais temps de valider ces modifications dans la branche api et de les envoyer sur GitHub.

Créer une demande de tirage

Vous avez envoyé (push) votre branche api vers GitHub. Vous souhaitez à présent que l’action GitHub publie votre application web et votre API sur une URL d’aperçu. L’étape suivante consiste donc à créer une demande de tirage sur la branche main.

Ouvrez un navigateur.
Accédez à votre dépôt :

https://github.com/<YOUR_GITHUB_USERNAME>/my-static-blazor-app
Sélectionnez le lien Pull requests.
Sélectionnez New pull request.
Sélectionnez la branche main dans la liste déroulante base.
Sélectionnez la branche api dans la liste déroulante de compare.
Sélectionnez Create pull request.
Sélectionnez à nouveau Create pull request.

Votre GitHub Action est désormais déclenchée.

Regarder l’action GitHub effectuer la génération et la publication

À partir de votre navigateur, dans votre dépôt, vous pouvez observer la progression de l’action GitHub. Procédez comme suit pour visualiser cette progression :

Sélectionnez le menu Actions.
Dans le menu Workflows, sélectionnez l’élément de workflow Azure Static Web Apps CI/CD.
Sélectionnez le lien le plus récent (en haut) dans les exécutions d’actions à droite.
Sélectionnez le lien Build and Deploy Job.

Vous pouvez voir la progression de votre action GitHub à mesure qu’elle génère et publie votre application web et l’API.

Accéder à l’URL d’aperçu

Une fois GitHub Action terminé avec succès, vous pouvez afficher votre application en cours d’exécution dans le navigateur.

Sélectionnez le menu Pull requests.
Sélectionnez votre demande de tirage.
Sélectionnez le lien qui suit le message Azure Static Web Apps: Your stage site is ready! Visit it here.

Notez que l’URL d’aperçu contient un trait d’union suivi d’un nombre. Ce nombre correspond au numéro de la demande de tirage que vous avez créée. Pour chaque demande de tirage créée, vous obtenez une URL d’aperçu unique et renouvelable. La région est également utilisée pour former l’URL d’aperçu.

Étapes suivantes