建置和發佈Node.js套件

1. 在您的 Azure DevOps 專案中，選取 [管線建立管線>]，然後選取 [GitHub] 作為原始程式碼的位置。
2. 在 [ 選取存放庫 ] 畫面上，選取分支範例存放庫。
3. 在 [設定您的管線] 畫面上，選取 [入門管線]。 Azure Pipelines 會為您的管線產生稱為 azure-pipelines.yml 的 YAML 檔案。
4. 選取 [儲存並執行] 旁的下拉式插入號，選取 [儲存]，然後再次選取 [儲存]。 檔案會儲存至分支 GitHub 存放庫。
5. 在下一個畫面上，選取 [ 編輯]。

建置套件併發佈成品

編輯您的 azure-pipelines.yml 檔案，如下所示。

1. 以下列程式碼取代檔案的內容。 程式代碼會 更新Node.js工具安裝程式工作 ，以使用 Node.js 16 版 LTS。

   trigger:
   - main
   
   pool:
     vmImage: 'ubuntu-latest'
   
   steps:
   - task: UseNode@1
     inputs:
       version: '16.x'
     displayName: 'Install Node.js'
   
   - script: |
       npm install
     displayName: 'npm install'
   
   - script: |
       npm run build
     displayName: 'npm build'
   
   - script: 
       npm test
     displayname: 'npm test'
   
   

2. 將下列新工作新增至管線：

   • 複製 檔案工作 會將檔案從 src 和 公用資料夾 複製到組建成品預備目錄。

   • 發佈 管線成品工作 會從成品預備位置取得檔案，並將它們發佈為成品，以管線組建輸出。

   - task: CopyFiles@2
     inputs:
       sourceFolder: '$(Build.SourcesDirectory)'
       contents: |
          src/*
          public/*
       targetFolder: '$(Build.ArtifactStagingDirectory)'
     displayName: 'Copy project files'
   
   - task: PublishPipelineArtifact@1
     inputs:
       artifactName: e2e-server
       targetPath: '$(Build.ArtifactStagingDirectory)'
       publishLocation: 'pipeline'
     displayName: 'Publish npm artifact'
   

執行您的管線

選取 [驗證並儲存]，然後選取 [儲存]，選取 [執行]，然後再次選取 [執行]。

在管線執行之後，請確認作業已成功執行，且您看到已發佈的成品。

1. 選取 [GitHub ] 作為程式代碼的來源。

2. 在 [存放庫] 底下，選取分支存放庫，然後選取 [繼續]。

3. 選取 [空白管線]，然後選取 [ 套用]。

4. 在 右窗格中的 [代理程序規格 ] 底下，選取 [ubuntu-latest]。

5. 在左窗格中，依序將下列工作新增至管線。 針對每個工作，選取 + Agent 作業 1 中的 ，選取右側的工作，然後選取 [新增]，並視需要設定工作。

   1. npm \(英文\)

   2. npm \(英文\)

      • 顯示名稱：npm 測試
      • 命令：自定義
      • 命令和自變數：測試

   3. 發佈測試結果

   4. 封存盤案

      • 要封存的根資料夾或檔案：$（System.DefaultWorkingDirectory）
      • 封存路徑前面加上根資料夾名稱： 取消核取

   5. 發佈組建成品

6. 選取 [ 儲存和佇列]，然後選取 [ 儲存並執行]。