Node.js パッケージをビルドして発行する

1. Azure DevOps プロジェクトで、 Pipelines>Create Pipeline を選択し、ソース コードの場所として GitHub を選択します。
2. [ リポジトリの選択 ] 画面で、フォークしたサンプル リポジトリを選択します。
3. [ パイプラインの構成 ] 画面で、[ スターター パイプライン] を選択します。 Azure Pipelines は、パイプラインに azure-pipelines.yml という名前の YAML ファイルを生成します。
4. [保存して実行] の横にあるドロップダウン キャレットを選択し、[保存] を選択してから、もう一度 [保存] を選択します。 このファイルは、フォークされた GitHub リポジトリに保存されます。
5. 次の画面で、[ 編集] を選択します。

パッケージをビルドして成果物を発行する

azure-pipelines.yml ファイルを次のように編集します。

1. ファイルの内容を次のコードに置き換えます。

   trigger:
     - main
   
   pool:
     vmImage: 'ubuntu-latest'
   
   variables:
     nodeVersion: '18.x'
   
   steps:
     # Install Node.js
     - task: UseNode@1
       inputs:
         version: $(nodeVersion)
       displayName: 'Install Node.js'
   
     # Install dependencies
     - script: |
         npm install
       displayName: 'Install dependencies'
   
     # Build the project
     - script: |
         npm run build
       displayName: 'Build project'
   
     # Run tests
     - script: |
         npm test
       displayName: 'Run tests'
   
     # Copy project files to artifact staging directory
     - task: CopyFiles@2
       inputs:
         sourceFolder: '$(Build.SourcesDirectory)'
         contents: |
           src/**
           public/**
         targetFolder: '$(Build.ArtifactStagingDirectory)'
       displayName: 'Copy project files'
   
     # Publish pipeline artifact
     - task: PublishPipelineArtifact@1
       inputs:
         artifactName: 'nodejs-app'
         targetPath: '$(Build.ArtifactStagingDirectory)'
       displayName: 'Publish pipeline artifact'
   

更新されたパイプラインでは、次の操作を行います。

• Node.jsのインストール: UseNode@1 タスク は、指定した Node.js バージョン (18.x) をインストールします。
• 依存関係のインストール: npm install コマンドは、Node.js プロジェクトに必要な依存関係をインストールします。
• プロジェクトをビルドする: npm run build コマンドは、Node.js プロジェクトをビルドします。
• テストの実行: npm テスト コマンドは、プロジェクトのテスト スイートを実行します。
• ファイルのコピー: CopyFiles@2 タスク は、必要なプロジェクト ファイル ( src/** や public/**など) を成果物のステージング ディレクトリにコピーします。
• パイプライン成果物の発行: PublishPipelineArtifact@1 タスク は、成果物ステージング ディレクトリから nodejs-app という名前のパイプライン成果物としてファイルを発行します。

パイプラインを実行する

[ 検証して保存]、[ 保存]、[ 実行] 、[再実行] の順に選択します。

パイプラインの実行後、ジョブが正常に実行されたことと、公開された成果物が表示されることを確認します。

1. コードのソースとして GitHub を選択します。

2. [ リポジトリ] で、フォークしたリポジトリを選択し、[ 続行] を選択します。

3. [ 空のパイプライン] を選択し、[ 適用] を選択します。

4. 右側のウィンドウの [ エージェントの仕様 ] で、[ ubuntu-latest] を選択します。

5. 左側のウィンドウで、次のタスクを順番にパイプラインに追加します。 タスクごとに、+ でを選択し、右側のタスクを選択して [追加] を選択し、必要に応じてタスクを構成します。

   1. npm

   2. npm

      • 表示名:npm test
      • コマンド:カスタム
      • コマンドと引数:test

   3. テスト結果の発行

   4. アーカイブファイル

      • アーカイブするルート フォルダーまたはファイル:$(System.DefaultWorkingDirectory)
      • ルートフォルダー名をアーカイブパスの先頭に追加する： チェックを外す

   5. ビルド成果物を発行する

6. [保存してキューに登録] を選択してから、[保存して実行] を選択します。