練習 - 使用 GitHub Actions 發佈 API

• 4 分鐘

您的 Web 應用程式和 API 都在本機執行中。 現在可以將您的 Web 應用程式和 API 發佈到 Azure Static Web Apps。

將您的變更推送到 GitHub

在上一個練習中，您已對 API 進行變更。 現在該將那些變更認可到 api 分支並推送到 GitHub。

建立提取要求

您已將 api 分支推送到 GitHub。 現在您希望 GitHub Action 在預覽 URL 中發佈您的 Web 應用程式和 API。 因此，您的下一個步驟是對 main 分支建立提取要求。

1. 開啟瀏覽器。

2. 前往您的存放庫：

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

3. 選取 [提取要求] 連結。

4. 選取 [新增提取要求]。

5. 在 [基底] 下拉式清單中選取 main 分支。

6. 從 [比較] 下拉式清單中選取 api 分支。

7. 選取 [建立提取要求]。

8. 再次選取 [建立提取要求]。

現在會觸發您的 GitHub Action。

監看 GitHub Action 建置及發佈

您可以在瀏覽器中停留在您的存放庫之上，並監看 GitHub Action 的進度。 依照以下步驟來檢視進度：

1. 選取 [動作] 功能表。

2. 在 [工作流程] 功能表下方，選取 [Azure Static Web Apps 持續整合與持續傳遞] 工作流程項目。

3. 選取右側動作執行中的最新 (最上方) 連結。

4. 選取 [建置和部署作業] 連結。

當 GitHub Action 建置並發佈您的 Web 應用程式和 API 時，您可以查看其進度。

瀏覽到預覽 URL

在 GitHub Action 成功完成後，您就可以在瀏覽器中檢視正在執行的應用程式。

1. 選取 [提取要求] 功能表。

2. 選取您的提取要求。

3. 選取跟隨於訊息「Azure Static Web Apps：您的暫存網站已就緒！請前往這裡瀏覽」後方的連結。

請注意，預覽 URL 包含一個連字號，後面接著一個數字。 此數字會符合您所建立之提取要求的提取要求號碼。 針對您建立的每個提取要求，您會取得唯一且可重複的預覽 URL。 該區域也會用來構成預覽 URL。

下一步

恭喜，您已使用 Web 應用程式和 API 建立了第一個 Azure Static Web Apps 執行個體！ 如果您合併您所建立的提取要求，Azure Static Web Apps 會自動將變更部署到生產應用程式。