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

Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019

このクイック スタートでは、パイプラインを使用して、Node パッケージ マネージャー (npm) でNode.js パッケージを作成し、パイプライン成果物を発行します。 Azure Pipelines を使用して JavaScript アプリをビルド、デプロイ、テストする方法について説明します。

前提条件

サンプル コードをフォークする

サンプル Express.js サーバー アプリをフォークします。

  1. js-e2e-express-server リポジトリに移動します。
  2. ページの右上隅にある [Fork] を選択します。
  3. GitHub アカウントを選択します。 既定では、フォークの名前は親リポジトリと同じですが、別の名前を付けることができます。

重要

次の手順では、 GitHub サービス接続の作成を求められたり サインイン、Azure Pipelines のインストール、Azure Pipelines の承認を行うために GitHub にリダイレクトされたりすることがあります。 画面上の指示に従って、プロセスを完了します。 詳細については、「Github リポジトリへのアクセス」を参照してください。

パイプラインを作成する

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

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

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

  1. このファイルの内容を次のコードに置き換えます。 このコードは、バージョン 16 LTS を使用するようにNode.js ツール インストーラー タスクNode.js更新します。

    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. 次の新しいタスクをパイプラインに追加します。

    - 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'
    

パイプラインを実行する

Validate と保存を選択し、保存を選択し、Run を選択して、もう一度 Run を選択します。

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

成果物を含むパイプラインの実行が成功したスクリーンショット。

これで、Node.js パッケージをビルドしてテストするパイプラインが正常に作成され、実行されました。 Azure Pipelines の継続的インテグレーションと継続的デリバリー (CI/CD) システムの一部として、Node.jsアプリを構築、テスト、デプロイできます。

次のステップ