Publicera API:et med GitHub Actions

Slutförd

Du har lagt till ett API för din webbapp och båda körs lokalt. Nu är det dags att publicera webbappen och API:et på Azure Static Web Apps.

När du skapade Azure Static Web Apps-instansen och beordrade den att övervaka main-grenen, genererades en GitHub-åtgärd åt dig. GitHub-åtgärden lyssnar på lagringsplatsens huvudgren för incheckningar och pull-begäranden. När GitHub-åtgärden identifierar dessa ändringar skapar och publicerar den din app.

När du skapade din Azure Static Web Apps-resurs angav du mappplatsen för DITT API-projekt genom att acceptera standardvärdet för Api. Azure Static Web Apps skapade och distribuerade Azure Functions-appen i den mappen. Appen fungerade dock inte eftersom HTTP GET-API:et inte har skapats ännu.

Utlösa GitHub-åtgärden

GitHub-åtgärden är redo att bygga och publicera webbappen och API:et när en ändring i main-grenen upptäcks. Du kan antingen checka in direkt eller skapa en pull-begäran mot main-grenen. Båda dessa ändringar utlöser GitHub-åtgärden. När ändringar identifieras på huvudgrenen utlöses GitHub-åtgärden för att publicera appen på samma URL för din livewebbplats.

Förproduktionsmiljöer med förhandsversions-URL:er

Ibland vill du se ändringarna på en mellanlagringswebbplats innan du publicerar till den aktiva webbplatsen. Med Azure Static Web Apps kan du se dina ändringar via förproduktionsmiljöer som var och en har en egen förhandsgransknings-URL. Du kan skapa en förproduktionsmiljö genom att skapa en pull-begäran mot den gren som din GitHub-åtgärd tittar på. Din livewebbplats påverkas inte. I stället skapas en ny version av appen i en egen förproduktionsmiljö. Om du går tillbaka och kontrollerar din pull-begäran på GitHub ser du att en länk till förproduktionsversionen publiceras på fliken Konversation.

I följande tabell visas hur Azure Static Web Apps publicerar din app till olika URL:er. Appen publicerar till en URL medan en pull-begäran till samma gren publicerar till en annan URL. Dessa autogenererade URL:er tillhandahålls av Azure Static Web Apps för produktionsappen och pull-begäranden. Du kan också tilldela en anpassad domän till produktionsappen.

Source beskrivning Webbadress
main-grenen Exempel på en webbadress för livewebbplats https://purple-rain-062d03304.azurestaticapps.net/
Pull-begäran nr 5 Exempel på en förhandsgransknings-URL https://purple-rain-062d03304-5.<location>.azurestaticapps.net/

Du arbetar för närvarande i api-grenen. Du gör en pull-begäran från api-grenen till huvudgrenen. När du skapar pull-begäran mot huvudgrenen publicerar GitHub-åtgärden appen till en förproduktionsmiljö.

När arbetsflödet är klart med att skapa och distribuera din app lägger GitHub-roboten till en kommentar till din pull-begäran. Den här kommentaren innehåller en länk till URL:en för förproduktionsmiljön. Du kan välja den här länken för att se dina mellanlagrade ändringar.

Därefter skapar du en pull-begäran och besöker den mellanlagrade versionen av din app.