Gyakorlat – Az API közzététele GitHub Actions-műveletekkel

Befejeződött

A webalkalmazás és az API egyaránt helyileg fut. Eljött az ideje, hogy közzétegye a webalkalmazást és az API-t az Azure Static Web Apps-ban.

A módosítások leküldése a GitHubra

Az előző gyakorlatban módosította az API-t. Itt az ideje, hogy véglegesítse ezeket a módosításokat az API-ágban , és küldje el őket a GitHubra.

Lekéréses kérelem létrehozása

Leküldte az api ágat a GitHubra. Most a GitHub Actions-művelettel közzé szeretné tenni a webalkalmazást és az API-t egy előnézeti URL-címen. Így a következő lépés egy lekéréses kérelem létrehozása a main ágról.

  1. Nyisson meg egy böngészőt.

  2. Nyissa meg az adattárat:

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

  3. Válassza a Lekéréses kérelmek hivatkozást.

  4. Válassza az Új lekéréses kérelem lehetőséget.

  5. Válassza ki a ágat az alap legördülő listából.

  6. Válassza ki az API-ágat az összehasonlítási legördülő listából.

  7. Válassza a Lekéréses kérelem létrehozása lehetőséget.

  8. Ismét válassza a Lekéréses kérelem létrehozása lehetőséget.

A GitHub-művelet most aktiválódik.

A GitHub Actions-művelet létrehozásának és közzétételének megtekintése

Az adattárat megnyitva hagyhatja a böngészőben, és megtekintheti a GitHub Actions-művelet előrehaladását. Az előrehaladás megtekintéséhez kövesse az alábbi lépéseket:

  1. Válassza a Műveletek menüt.

  2. A Munkafolyamatok menüben válassza ki az Azure Static Web Apps CI/CD munkafolyamat-elemét.

  3. Válassza ki a művelet legújabb (felső) hivatkozását a jobb oldalon.

  4. Válassza a Build and Deploy Job (Feladat összeállítása és üzembe helyezése) hivatkozást.

Követheti a GitHub Actions-művelet előrehaladását a webalkalmazás és az API-k létrehozása és közzététele során.

Nyissa meg az előnézeti URL-címet a böngészőben

A GitHub-művelet sikeres befejezése után megtekintheti a futó alkalmazást a böngészőben.

  1. Válassza a Lekéréses kérelmek menüt .

  2. Válassza ki a lekéréses kérelmet.

  3. Válassza az Azure Static Web Apps üzenet alábbi hivatkozását: A szakaszwebhely készen áll! Látogasson el ide.

Fontos megjegyezni, hogy az előnézeti URL-cím tartalmaz egy kötőjelet, majd egy számot. A szám megegyezik a létrehozott lekéréses kérelem számával. Minden létrehozott lekéréses kérelemhez egyedi és megismételhető előnézeti URL-címet kap. A rendszer a régiót is felhasználja az előnézeti URL-cím megalkotásához.

Következő lépések

Gratulálunk, létrehozta az első Azure Static Web Apps-példányt egy webalkalmazással és API-val! Ha egyesíti a létrehozott lekéréses kérelmet, az Azure Static Web Apps automatikusan telepíti a módosításokat az éles alkalmazásban.