Oefening: de API publiceren met GitHub-acties

  • 4 minuten

Uw web-app en API worden beide lokaal uitgevoerd. Nu gaat u uw web-app en API naar Azure Static Web Apps publiceren.

Uw wijzigingen naar GitHub pushen

In de vorige oefening hebt u wijzigingen aangebracht in uw API. Nu is het tijd om deze wijzigingen door te voeren in de API-vertakking en deze naar GitHub te pushen.

Een pull-aanvraag maken

U hebt inmiddels uw API-vertakking naar GitHub gepusht. Vervolgens wilt u dat de GitHub-actie uw web-app en API publiceert in een preview-URL. De volgende stap is het maken van een pull-aanvraag voor de hoofdvertakking.

  1. Open een browser.

  2. Ga naar uw opslagplaats:

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

  3. Selecteer de koppeling Pull-aanvragen .

  4. Selecteer Nieuwe pull-aanvraag.

  5. Selecteer de hoofdvertakking in de vervolgkeuzelijst basis .

  6. Selecteer de API-vertakking in de vervolgkeuzelijst vergelijken .

  7. Selecteer Pull-aanvraag maken.

  8. Selecteer opnieuw Pull-aanvraag maken.

Uw GitHub-actie is nu geactiveerd.

De build van de GitHub-actie bekijken en publiceren

U kunt via de browser in uw opslagplaats de voortgang van de GitHub-actie bekijken. Volg deze stappen om de voortgang te bekijken:

  1. Selecteer het menu Acties .

  2. Selecteer in het menu Werkstromen het werkstroomitem Azure Static Web Apps CI/CD .

  3. Selecteer de meest recente (bovenste) koppeling in de actie wordt rechts uitgevoerd.

  4. Selecteer de koppeling Taak bouwen en implementeren.

U kunt de voortgang van uw GitHub-actie bekijken tijdens het bouwen en publiceren van de web-app en API.

Blader naar de preview-URL

Nadat de GitHub Action is voltooid, kunt u de actieve app in de browser bekijken.

  1. Selecteer het menu Pull-aanvragen .

  2. Selecteer uw pull-aanvraag.

  3. Selecteer de koppeling na het bericht Azure Static Web Apps: uw fasesite is gereed. Bezoek het hier.

U ziet dat de preview-URL een streepje bevat, gevolgd door een getal. Het nummer komt overeen met het nummer van de pull-aanvraag die u hebt gemaakt. Voor elke pull-aanvraag die u maakt, krijgt u een unieke en herhaalbare preview-URL. De regio wordt ook gebruikt voor de preview-URL.

Volgende stappen

Gefeliciteerd, u hebt uw eerste Azure Static Web Apps-exemplaar gemaakt met een web-app en API. Als u de pull-aanvraag die u hebt gemaakt, samenvoegt, implementeert Azure Static Web Apps automatisch de wijzigingen in uw productie-app.