次の方法で共有


Azure Artifacts フィードに接続する - npm

Azure DevOps Services |Azure DevOps Server |Azure DevOps Server 2022 |Azure DevOps Server 2020

Azure Artifacts を使用すると、開発者は、 npmjs.com やプライベート フィードなどのパブリック レジストリなど、さまざまなソースからパッケージを管理できます。 Azure Artifacts で認証するには、 npmrc 構成ファイルを構成する必要があります。 このファイルには npm で使用されるフィード URL と資格情報が格納され、プロキシの設定、既定のパッケージの場所の定義、プライベート フィードへのアクセスの構成などのクライアント動作をカスタマイズできます。 通常、npmrc ファイルはユーザーのホーム ディレクトリにありますが、プロジェクト レベルで作成して既定の設定をオーバーライドすることもできます。

前提 条件

製品 必要条件
Azure DevOps - Azure DevOps 組織
- Azure DevOps プロジェクト
- An Azure Artifacts フィード
- Node.js と npm をダウンロードしてインストールします

フィードに接続する

Azure Artifacts では、2 つの個別の .npmrc 構成ファイルを使用することをお勧めします。 資格情報を格納するにはローカルに格納する必要があります。もう 1 つは、フィード URL を定義する package.json と共にプロジェクト ディレクトリに追加する必要があります。 この方法では、機密情報を公開することなく、プロジェクト レベルの構成を共有できます。

資格情報ファイルを設定するには、 .npmrc ファイルを作成または更新し、必要なすべてのレジストリ資格情報を含めます。 これにより、npm クライアントは認証のために資格情報に簡単にアクセスできます。

次の手順では、プロジェクト レベルの構成ファイルを設定する手順について説明します。 開発環境に対応するタブを選択します。

手記

vsts-npm-auth は、Azure DevOps Server ではサポートされていません。

  1. Azure DevOps 組織にサインインし、プロジェクトに移動します。

  2. アーティファクトを選択し、次にドロップダウンメニューからフィードを選択します。

  3. [ フィードに接続] を選択し、左側のナビゲーション ウィンドウから npm を選択します。

  4. package.json と同じディレクトリにある .npmrc をプロジェクトに追加し、[Project setup]\(プロジェクトセットアップ\) セクションから指定されたスニペットをファイルに貼り付けます。

    npm プロジェクトを設定してフィードに接続する方法を示すスクリーンショット。

  5. 次のコマンドを実行して、ユーザー レベルの .npmrc ファイルに追加された Azure Artifacts トークンを取得します。 毎回これを実行する必要はありません。npm は、トークンを更新するときに 401 未承認 エラーを返します。

    vsts-npm-auth -config .npmrc
    
  1. Azure DevOps コレクションにサインインし、プロジェクトに移動します。

  2. [成果物] を選択し、ドロップダウン メニューからフィードを選択し、[フィードに接続] を選択します。

    Azure DevOps Server 2022.1 でフィードに接続する方法を示すスクリーンショット。

  3. 左側から npm を選択し、 Project セットアップ セクションの手順に従って npmrc ファイルを構成し、フィードで認証します。

    Azure DevOps Server 2022.1 で npm プロジェクトを設定する方法を示すスクリーンショット。

  1. Azure DevOps コレクションにサインインし、プロジェクトに移動します。

  2. [Artifacts] を選択し、[フィードに接続する] を選択します。

    Azure DevOps Server 2020.1 でフィードに接続する方法を示すスクリーンショット。

  3. 左側から npm を選択し、[ プロジェクトのセットアップ ] セクションの手順に従って .npmrc を構成します。 ファイルを作成し、フィードで認証します。

    Azure DevOps Server 2020.1 で npm プロジェクトを設定する方法を示すスクリーンショット。

アドバイス

.npmrc ファイルで複数のレジストリを使用することは、スコープアップストリーム ソースでサポートされています。