Övning – Publicera API:et med GitHub Actions
Både din webbapp och ditt API körs lokalt. Nu är det dags att publicera webbappen och API:et på Azure Static Web Apps.
Pusha ändringarna till GitHub
I föregående övning gjorde du ändringar i ditt API. Nu är det dags att checka in ändringarna i API-grenen och skicka dem till GitHub.
Skapa en pull-begäran
Du har pushat api-grenen till GitHub. Nu vill du att GitHub Action ska publicera din webbapp och ditt API på en förhandsgransknings-URL. Nästa steg är att skapa en pull-begäran mot main-grenen.
Öppna en webbläsare.
Gå till lagringsplatsen:
https://github.com/<YOUR_GITHUB_USERNAME>/my-static-blazor-app
Välj länken Pull requests (Pull-begäranden).
Välj Ny pull-begäran.
Välj huvudgrenen i den nedrullningsbara listrutan.
Välj api-grenen i listrutan jämför.
Välj Skapa pull-begäran.
Välj återigen Skapa pull-begäran.
Din GitHub-åtgärd utlöses nu.
Se när GitHub-åtgärden bygger och publicerar appen och API:et
Du kan stanna kvar på din lagringsplats i webbläsaren och se förloppet för GitHub-åtgärden. Så här visar du förloppet:
Välj menyn Åtgärder.
Under menyn Arbetsflöden väljer du objektet Azure Static Web Apps CI/CD-arbetsflöde .
Välj den senaste länken (överst) i åtgärden körs till höger.
Välj länken Skapa och distribuera jobb.
Du kan titta på medan GitHub-åtgärden bygger och publicerar din webbapp och ditt API.
Gå till förhandsgransknings-URL:en
När GitHub-åtgärden har slutförts kan du visa din app som körs i webbläsaren.
Välj menyn Pull requests (Pull-begäranden).
Välj din pull-begäran.
Välj länken efter meddelandet Azure Static Web Apps: Din scenwebbplats är klar! Besök den här.
Observera att förhandsgransknings-URL:en innehåller ett bindestreck följt av ett nummer. Det här numret matchar numret för den pull-begäran som du skapade. För varje pull-begäran du skapar får du en unik och repeterbar förhandsgransknings-URL. Regionen används också för att skapa förhandsgransknings-URL:en.
Nästa steg
Grattis, du skapade din första Azure Static Web Apps-instans med en webbapp och ETT API! Om du sammanfogar pull-begäran som du skapade distribuerar Azure Static Web Apps automatiskt ändringarna till din produktionsapp.