npmjs.com からのパッケージの使用
Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019
npm クライアントは、一度に 1 つのメイン レジストリ (Azure Artifacts のフィードと呼ばれます) を操作するように設計されています。 ただし、スコープが設定された追加のレジストリはサポートされます。 npmjs.com のプライベート パッケージとパブリック パッケージの両方を使用する場合は、アップストリーム ソースを使用することをお勧めします。 フィードでアップストリーム ソースを有効にすると、インストールされているパッケージのコピーが Azure Artifacts によってフィードに自動的に保存されます。 これにより、最大の柔軟性が得られ、スコープ付きパッケージとスコープなしパッケージの組み合わせをフィードで使用できます。これには、npmjs.com のスコープ付きパッケージと非スコープ パッケージの両方が含まれます。
前提条件
Azure DevOps 組織とプロジェクト。 まだ作成していない場合は、 organization と project を作成します。
Azure Artifacts フィード。
Node.jsと npm をダウンロードします。
アップストリーム ソースを有効にする
フィードをまだ作成していない場合は、次の手順に従って新しいフィードを作成し、アップストリームソースチェックボックスをオンにして有効にします。 既にフィードがある場合は、 次の手順に進み npmjs をアップストリーム ソースとして追加します。
Azure DevOps 組織にサインインしてから、プロジェクトに移動します。
[ Artifacts]\(成果物\) を選択し、フィードを作成します。
フィードにわかりやすい Name を指定し、その Visibility および Scopeを設定します。 Upstream ソースチェック ボックスをオンにして、パブリック レジストリのパッケージを含めます。
終わったら [作成] を選択します。
npmjs アップストリームを追加する
フィードの作成時にアップストリームソースチェックボックスをオンにした場合は、npmjsが自動的に追加されているはずです。 そうでない場合は、次のように手動で追加できます。
Azure DevOps 組織にサインインしてから、プロジェクトに移動します。
[ Artifacts]\(成果物\) を選択し、フィードを選択します。
歯車アイコン ボタン
を選択して、 Feed 設定に移動します。Upstream ソースを選択し、アップストリームの追加選択。
Public source を選択し、ドロップダウン メニューから npmjs (https://registry.npmjs.org/)を選択します。
完了したら [追加 ] を選択し、右上隅にある [ 保存 を選択して変更を保存します。
npmjs からパッケージをインストールする
npmjs からパッケージを保存する前に、フィードに接続するようにプロジェクトが設定されていることを確認します。 まだこれを行っていない場合は、指示に従って npm プロジェクト 設定し フィードに接続します。 この例では、HTTP 要求を行う Axios ライブラリをインストールします。
https://www.npmjs.com//の npmjs に移動します。Axios パッケージを検索し、それを選択して詳細ページに移動します。
install コマンドをクリップボードにコピーします。
コマンド プロンプト ウィンドウで、プロジェクトのディレクトリに移動し、インストール コマンドを実行します。
npm install axios
Note
アップストリームからパッケージを保存するには、 Feed およびアップストリーム 閲覧者 (コラボレーター) ロール以上が必要です。 詳細については、「 管理のアクセス許可 を参照してください。
保存されたパッケージを表示する
Azure DevOps 組織にサインインしてから、プロジェクトに移動します。
[ 成果物] を選択し、ドロップダウン メニューからフィードを選択します。
ソース メニューから npmjs を選択します。 前にインストールした Axios パッケージがフィードで利用できるようになりました。 Azure Artifacts は、インストール コマンドの実行時にフィードにコピーを自動的に保存しました。
