如何在 Azure 應用程式服務上使用 CI/CD 管道部署 Web 應用

Azure 應用程式服務提供了一個用於建置、部署和擴展 Web 應用程式的完全託管平台。透過將 CI/CD 管道與 Azure DevOps 結合使用，您可以自動化建置和發布流程，確保更快、更可靠的部署。

主要優點：

• 自動化：減少手動工作和人為錯誤。

• 一致性：實現跨環境的可重複部署。

• 速度：快速部署更新，改善您的開發生命週期。

在這篇部落格文章中，我們將引導您完成使用持續整合和持續部署 (CI/CD) 管道將 Web 應用程式部署到 Azure 應用服務的過程。無論您是開發人員還是 DevOps 工程師，本逐步指南都將協助您利用 Azure DevOps 的強大功能簡化部署流程。

先決條件
在開始之前，請確保您具備以下條件：

• 具有有效訂閱的 Azure 帳戶

• 網路應用程式專案
  （例如 Node.js、.NET Core、Python 等）。

• 已建立專案的 Azure DevOps 帳戶

• 已安裝 Git 並將您的程式碼推送到儲存庫
  （例如 GitHub、Azure Repos）

第 1 步：設定 Azure 應用程式服務

• 登入Azure Portal到Azure Portal：使用https://portal.azure.com

• 建立新的應用服務計畫

• 在搜尋欄中，輸入應用程式服務計畫並選擇它。
  

• 點選建立

填寫所需的詳細信息，包括：

• 訂閱：選擇您的訂閱。

• 資源群組：建立新資源群組或使用現有資源群組。

• 名稱：為您的應用程式服務方案提供唯一的名稱

• 選擇作業系統

• 區域：選擇靠近您的使用者的區域。

• 選擇定價等級
  

• 按一下檢視“建立”，然後按一下“建立”以部署您的應用程式服務。

• 點選前往資源

在搜尋欄中，輸入「應用服務」並選擇它。

• 按一下「建立」並選擇「Web 應用程式」。

• 填寫所需的詳細資訊：（先前建立的資源群組、訂閱、Web 應用程式名稱、發布、執行時間堆疊

審查，然後創建

• 點選前往資源

第 2 步：設定本地開發環境
如果之前沒有的話，請安裝 Visual Studio Code 和 Github

• 第 3 步：初始化 Github 儲存庫並在 Visual Studio Code 中建立 Web 應用程式

• 點選並選擇新儲存庫

• 點選建立新儲存庫

• 從 Visual Studio 程式碼終端初始化 Git 運行 git init 來初始化 Git 儲存庫。

• 執行 git add 來暫存您的檔案

• 運行 git status

從先前建立的儲存庫執行 git clone url

• 運行 nano 索引 php

• 輸入control X，再按Y，再回車

• 運行cat index php

第 5 步：返回 azure 入口網頁

• 前往 Azure 入口網站 mywebapp2020 頁面。

• 導覽至部署部分，選擇部署中心
  

• 選擇程式碼來源，選擇Github

• 選擇來源為 Github

• 組織是你的 Github 使用者名稱

• 選擇儲存庫名稱

• 選擇預覽檔案

• 點選「儲存」以設定部署

• 部署成功

步驟 6. 部署應用程式

提交並推送：提交更改並將其推送到 Github。 Github 操作工作流程將自動啟動、建置您的應用程式並將其部署到 azure 應用程式服務。
您需要從 F1 升級到進階才能部署

至少升級至高級標準S1

• 升級後立即新增插槽

• 為插槽命名並設定複製來源

• 點選新增插槽

• CI/CD 運行

步驟 7.監控部署
您可以在 Github 上監控部署進度。
部署後，您的 Web 應用程式應該可以透過 azure 應用程式服務存取。網址

結論

透過執行以下步驟，您可以為 Web 應用程式設定自動化 CI/CD 管道，從而在 Azure 應用服務上實現高效、可靠的部署。

以上是如何在 Azure 應用程式服務上使用 CI/CD 管道部署 Web 應用的詳細內容。更多資訊請關注PHP中文網其他相關文章！