如何在Azure DevOps中構建CI/CD管道
譯文【51CTO.com快譯】由Microsoft Azure提供的Azure DevOps是自動化CI/CD流程領域的領先工具。在自動化構建和代碼項目中，開發人員可以使用Azure管道將持續集成(CI)和持續交付(CD)相結合，通過一致性的測試，將構建好的代碼發送至目標環境。
在本文中，我們將共同研究如何配置Azure CI/CD管道，并將其集成到LambdaTest Azure DevOps，以進行錯誤跟蹤。
什么是CI/CD管道?
CI/CD管道往往被用于自動化的持續集成和持續部署過程中。其管道可以通過構建、測試、合并和部署等階段，來促進軟件的整個交付過程。簡而言之，作為可運行的步驟規范，管道能夠通過節省開發人員的手動工作量與時間，高效地交付出新的軟件版本。
CI/CD管道的階段：
1. 源階段：在大多數情況下，開發人員在嘗試對中央存儲庫進行更改時，會觸發管道的運行。這些觸發器往往是由源階段中的CI/CD管道工具(https://www.lambdatest.com/blog/27-best-ci-cd-tools/)所設置的。
2. 構建階段：在構建到最終用戶應用的可運行實例中時，該階段體現了源代碼及其依賴項的組合。同時，Java等內置于應用的語言也需要在此階段完成編譯。如果需要構建Docker鏡像，我們也可以在此階段進行。當然，倘若此階段失敗的話，則意味著代碼、或其依賴項中存在著潛在的錯誤。
3. 測試階段：自動化測試會在此階段對代碼及其行為，開展相應的驗證。該階段就像一個篩子一樣，能夠防止錯誤到達最終用戶。我們可以按照從冒煙測試到端到端集成測試的順序，劃分出多個子階段。同樣，倘若此階段失敗的話，則會暴露出代碼中的各項錯誤。
4. 部署階段：一旦通過了所有預定義的測試，我們就擁有了可執行的代碼，接著我們便可以進行部署了。產品團隊可以在此基礎上劃分出Beta、Staging、以及面向最終用戶的Production等階段。
值得注意的是，上面提到的階段皆為基本階段。您也可以添加不同的子步驟，以使得 CI/CD過程更加自動化。下面，我們來討論Azure DevOps的CI/CD。
什么是Azure DevOps?
Azure DevOps是Microsoft Azure提供的服務集合。它通過為團隊提供開發服務，以支持、規劃、協作、構建和部署應用程序。通過與瀏覽器或IDE(集成開發環境)的集成，它為開發人員提供了如下服務：
- Azure存儲庫
- Azure管道
- Azure看板
- Azure測試計劃
- Azure工件
在下文中，我們將使用Azure管道，為.NET項目創建CI/CD管道，并將Azure DevOps 的CI/CD連接到LambdaTest帳戶中，以便將各種錯誤、任務、故事等推送到Azure DevOps的項目實例中。
什么是Azure管道?
Azure CI/CD管道簡化了應用開發過程中的持續集成和持續交付。您可以使用GitHub或本地容器上的現有代碼，從源代碼階段開始構建，讓Azure存儲庫維護一個中央存儲庫，讓Azure管道維護給定項目的構建和發布管道。其中，Azure DevOps的CI/CD流程是所有開發服務的關鍵流程。
除了使用Azure DevOps進行持續集成和持續部署，這些管道還可用于“構建-部署-測試”工作流，以持續測試(CT)的方式，快速測試那些可擴展性例程中的變更。
Azure管道的優點：
在Azure DevOps的CI/CD實踐中，Azure管道可以提供如下優勢：
- 版本控制系統：將代碼放入版本控制系統，是構建Azure CI/CD管道的第一步。您可以在GitHub、Bitbucket、Subversion或任何其他Git存儲庫中管理源代碼。同時，它也支持Team Foundation版本控制(TFVC)系統。
- 編程語言和應用程序類型：開發者可以在Azure管道中使用包括：Java、Ruby、C、C++、Python、PHP、Go和JavaScript在內的不同語言。
- 部署目標：具有Azure CI/CD管道的應用程序，可以被部署到多個目標環境中。其中包括虛擬機、容器、以及任何本地或云平臺。
- 定價：雖然它是一個公共的免費項目，但是對于私人項目而言，用戶每個月最多僅可免費運行1800分鐘的管道作業。
如何構建Azure CI/CD管道
若要創建Azure CI/CD管道，請先執行如下預備步驟：
1. 使用Azure中的Azure DevOps Starter資源，來創建一個ASP.NET類型的DevOps示例項目。
2. 檢查由Azure DevOps Starter配置的Azure CI/CD管道。
3. 將DevOps示例項目克隆到系統中。
4. 提交代碼并執行CI/CD。
我們稍后會使用LambdaTest與Azure DevOps的CI/CD相集成，去簡化錯誤的跟蹤，并隨時將epic、故事、以及任何任務推送到相應的項目中。
預備條件
您需要通過一個已激活的Azure帳戶，來創建Azure存儲庫和管道。如果沒有的話，請事先創建一個Microsoft Azure帳戶。同時，為了創建應用示例，從鏈接https://visualstudio.microsoft.com/downloads/處下載安裝Visual Studio，并從https://dotnet.microsoft.com/download/archives處下載安裝.NET Core。
使用Azure DevOps Starter創建ASP.NET DevOps項目
Azure DevOps項目簡化了Azure CI/CD管道的設置。開發者可以使用現有的代碼、或已創建的應用示例，作為新的Azure DevOps項目。在此，我們將按照如下步驟創建一個新的DevOps項目：
- 從Microsoft Azure門戶處，登錄您的Azure帳戶。
- 選擇Azure服務下的 +(即創建資源的按鈕)，然后搜索DevOps Starter。
- 選擇DevOps Starter并單擊Create。
- 如下圖所示，選擇.NET，然后單擊Next。
- NET應用示例通常由開源的ASP.NET框架、以及跨平臺的ASP.NET Core框架所組成。如果您選擇的是ASP.NET Core框架，那么可以按需切換到添加數據庫選項，并在完成后，選擇Next。
- 您可以將應用程序部署到Windows Web App或虛擬機上。其中，Windows Web App是默認的部署目標，虛擬機則為備選項。完成之后，請單擊Next。
- 其下一屏提供了項目的名稱、Azure DevOps組織、訂閱和Web應用的名稱(該名稱需要在Azure中唯一)。您既可以保持默認值，也可以更改為美國中南部(South Central US)。在此，我們使用了默認值。
- 您可以通過選擇其他設置(Additional settings)，來更改Web應用或數據庫的各項參數。
- 設置完成之后，您可以選擇Done。
- 而在部署完成之后，您可以選擇Go to resource，以核對查看。
- 至此Azure DevOps的CI/CD項目已完成創建，Azure資源面板將需要幾分鐘才能完成加載。同時，該項目還會創建：
- 帶有.NET代碼的存儲庫示例的團隊項目。
- Azure中的Azure Web App和Azure SQL 數據庫(如果選擇了數據庫切換的話)。
- 構建管道以編譯和測試應用。
- 發布管道以部署應用。
- 接著，您可以在ASP.NET Core App上與您的團隊開展協作，并使用自動化的CI/CD流程，將最新的更改部署到網站上。
- 在Azure資源的右側面板中，您可單擊“Browse”按鈕，以查看應用。
檢查DevOps項目示例中的CI/CD管道
完成創建后，項目會自動在Azure DevOps組織中配置一個完整的CI/CD管道。當然，您也可以對這些管道進行自定義。
在Azure Dashboard的頂部，有Build Pipelines和Release Pipelines兩個選項。在任一選項被點擊之后，它將打開一個帶有管道的新的瀏覽器選項卡。
構建管道：
- 單擊Azure Dashboard上的Build Pipelines。
- 在新的瀏覽器選項卡被打開后，請從屏幕的右上角選擇Edit。
- 您可以在此看到構建管道中的：從存儲庫中獲取代碼、恢復依賴項、編譯應用、運行測試、以及為部署提供輸出等多項任務。
- 由于Azure DevOps可以跟蹤基于構建規范所做的所有更改，并允許您比較不同的更改版本，因此通過選擇在構建管道名稱下的History選項卡，您將能夠看到針對構建的所有更改的審計跟蹤。
- 選擇Triggers選項卡，您能看到由Azure DevOps的CI/CD項目自動創建的一個名為“CI trigger”的觸發器。由于開發者每次在提交到存儲庫時，都會啟動一個新的構建，因此他們可以根據持續集成過程中的選擇，按需包含或剔除各種分支。
通過選擇Retention選項卡，您可以添加、查看或刪除相關策略，以保留或刪除一定數量的構建。
發布管道：
- 在左側的Pipelines部分下方，請選擇Releases。
- 由于發布管道會管理Azure DevOps中的部署，因此通過單擊“Edit”，您可以檢查管道。
- 在發布管道的名稱下方，您將能夠發現那些與構建管道相同的選項卡。
- 在Pipeline選項卡下，請點擊Artifacts，然后選擇Drop，以輸出之前檢查過的構建管道的工件。
- 發布管道帶有一個已啟用的持續部署的觸發器。每當發生新的構建時，它都會執行部署任務。當然，您也可以禁用自動化，以手動的方式執行觸發器。
- 如下圖所示，您可以通過選擇dev階段，然后單擊頂部的Tasks選項卡，以定義在部署過程中，需要執行的所有活動任務。
- 在Run on agent的下方，您可以看到五項可選任務：
- Azure資源部署 – 它會部署諸如：Azure Web App和Azure SQL數據庫等所有Azure資源，以供應用程序的使用。
- Azure應用服務部署 – 它會將應用包部署到網站上。
- Azure SQL數據庫部署 – 各種有關SQL的更改會被部署到數據庫上。
- Visual Studio測試 – 可以在部署后，運行功能測試。
- 如下圖所示，在左側面板中，您將會在Pipelines下找到Releases。此處展示了發布的歷史記錄。
- 通過選擇版本號，您既可以查看到版本的摘要，又可以進一步熟悉諸如：關聯的工作項、以及各項測試等菜單。
- 此外，您還可以在部署期間或之后，通過選擇dev下方的日志，查看到有關部署的所有實用信息。
克隆DevOps項目示例的存儲庫
- 在Azure Dashboard上，您可以單擊左側面板中的項目名稱，以創建一個新的窗口。
- 在新的窗口中，單擊屏幕右上角的克隆按鈕，能夠復制存儲庫的URL。
- 在您的系統上打開Visual Studio，然后單擊右側位于“Get started”菜單下方的“Continue without code”。
- 依次單擊IDE上的“View”->“ Team Explorer”選項，并在Explorer窗口中選擇Clone。
- 指明從Azure門戶處復制到存儲庫的URL，以及克隆至目標存儲庫的文件夾路徑。
- 通過單擊Clone開始克隆。
- 在成功克隆代碼之后，您可以在Solutions Explorer上查看整個項目，并按需進行更改。
注意：只要您將更改合并到遠程存儲庫上，就會觸發構建過程。
提交代碼并執行CI/CD
- 通過前面的步驟，我們已經在Visual Studio 2019中克隆了相同的存儲庫。而我們所創建的項目示例在Azure DevOps的Organization中有一個Git Repository，它可以在Azure Repos中被查看。
- 在Visual Studio 2019的solutions explorer中，我們可以順著路徑找到：Application/aspnet-core-dotnet-core/Pages/Index.cshtml。
- 雙擊并打開該文件，我們定位到“content–body”段，添加一行文字：“This is a test message”。
HTML
- 1.<div class="content-body">
- 2.<div class="success-text">Success!</div>
- 3.<div class="description line-1">Azure DevOpsProject has been successfully setup</div>
- 4.<div class="description line-2"> Your ASP.NET Core app is up and running on Azure</div>
- 5.<div class="description line-3">This is a test message.</div>
- 6. <br />
- 右擊Solution Explorer中的Solution，然后單擊Commit..，以簽入代碼。
- 簡單地留下提交的原因，然后點擊Comment All。
- 單擊Sync，以將代碼的更改與服務器同步。
- 單擊Push，將更改從本地存儲庫推送到遠程存儲庫上。
- 在瀏覽器中，依次導航至Pipelines > Builds，以產生一個構建(由于代碼發生了更改，因此該構建會自動觸發)。
- 在構建完成后，即可發布。
- 在發布完成后，請跳轉到Azure DevOps的Project Dashboard。在右側面板中，請單擊Browse，以查看正處于更新狀態的應用。
將Azure DevOps與LambdaTest帳戶集成，以進行錯誤跟蹤
在熟悉了Azure DevOps的持續集成和持續部署的基礎上，讓我們將Azure CI/CD管道與LambdaTest相集成，以提供便捷的瀏覽器實時測試。此類測試對于跟蹤源自LambdaTest的問題，并將其顯示在Azure DevOps項目的CI/CD Dashboard上是非常實用的。首先，我們來看如何將LambdaTest與Azure DevOps相集成：
- 登錄LambdaTest帳戶。
- 依次點選Integrations > Azure DevOps，以將Azure DevOps與您的LambdaTest帳戶相集成。
- 請跳轉到Real Time Testing選項。
- 在Project details的右側面板中，請找到導航按鈕，右擊并復制鏈接的地址，然后將其粘貼到LambdaTest門戶上的URL字段中。
- 請從給定的選項中選擇所需的瀏覽器名稱與版本、操作系統、及其分辨率，以完成對于VM(虛擬機)的配置。在此，我們將使用默認配置。
- 單擊“Start”以啟動VM。如果看到帶有錯誤報告選項的網頁，您可以通過左側的Bug圖標，獲取錯誤的屏幕截圖。
- 在截屏之后，您可以使用內置的圖像編輯器，添加問題或任務。而在圈出錯誤之后，您便可以將其報告為錯誤了。
- 單擊Mark as Bug，您將獲得與錯誤相關的所有詳細信息。
- 一旦你點擊了Create Issue按鈕，你就能在頂部收到一條告知您“錯誤已成功標記”的信息。同時，該錯誤也會被推送到項目中。
- 在登錄到Azure門戶，并轉至Azure DevOps項目中后，您將會在Boards下方的左側面板中的Work Items里看到該問題。
- 通過點擊問題的title，您可以查看到LambdaTest針對該Work Item提供的有關測試環境的詳細信息和屏幕截圖。
- 當然，您也可以在Azure DevOps門戶上，通過repro steps、System info、以及所有其他的詳細信息，來進一步查看。
- 上圖右側提供了Development和Deployment兩種模式。在Development下，您可以創建一個新的分支，或者在解決錯誤之后，發送拉取請求、以及提交代碼。
- 在Deployment下，您可以轉到相關的錯誤版本，以進一步查看。
通過創建新的分支，來處理LambdaTest報告的錯誤
- 在單擊創建分支之后，您需要在Development下，提供分支的名稱，并選擇從LambdaTest處報告錯誤。
- 在通過創建新的分支處理完錯誤之后，您可以創建一個合并請求。
通過提交/拉取請求，處理LambdaTest報告的錯誤
- 在單擊提交/拉取請求后，您必須注明鏈接的類型、提交的ID、以及相關的注釋。
- 輸入提交ID后，您便可以輕松地完成特定鏈接的提交。當然，您也可以將鏈接的類型更改為拉取請求。
除了上述通過LambdaTest報告的錯誤解決問題的方法，您也可以將此類錯誤分派給開發人員或團隊，以便他們采用敏捷的方法予以處理。
結論
在企業開發服務的過程中，Azure DevOps能夠實現更智能的規劃、更快的協作、以及更好的交付。自動化管道的設置也能夠以簡潔的方式，為應用提供測試、構建和部署。通過上述介紹與實踐，我們成功地實現了將LambdaTest與Azure DevOps的CI/CD項目相集成，并了解了如何使用ASP.NET Core類型的Azure DevOps項目示例，去配置管道的基本方法。
原文標題：How To Build a CI/CD Pipeline inAzure DevOps，作者：Harshit Paul
【51CTO譯稿，合作站點轉載請注明原文譯者和出處為51CTO.com】
