Övning – Publicera API:et med GitHub Actions

Slutförd

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.

  1. Öppna en webbläsare.

  2. Gå till lagringsplatsen:

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

  3. Välj länken Pull requests (Pull-begäranden).

  4. Välj Ny pull-begäran.

  5. Välj huvudgrenen i den nedrullningsbara listrutan.

  6. Välj api-grenen i listrutan jämför.

  7. Välj Skapa pull-begäran.

  8. 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:

  1. Välj menyn Åtgärder.

  2. Under menyn Arbetsflöden väljer du objektet Azure Static Web Apps CI/CD-arbetsflöde .

  3. Välj den senaste länken (överst) i åtgärden körs till höger.

  4. 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.

  1. Välj menyn Pull requests (Pull-begäranden).

  2. Välj din pull-begäran.

  3. 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.