Visual Studioでのインストール

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard

Visual StudioのNuGetパッケージマネージャを使用してC#用Axe DevTools for Webをインストールする

Not for use with personal data

Visual Studio内の統合オプションを活用する

前提条件

Axe DevToolsを正常にインストールするためには、いくつかの前提条件があります。お客様のインストールオプションに関するページでは、それらがリストされています。

新しいパッケージソースをNuGetソースに追加する

Visual StudioにAxe DevToolsをインストールするには、NuGetを拡張してDequeのAgoraアーティファクトリポジトリを含める必要があります。

ステップ1: Visual Studioでプロジェクトを開く

ステップ2: Open the package source options via: Tools → Options → NuGet Package Manager → Package Sources and select + to add a new Package source:

Visual Studioが展開されたツール → NuGet パッケージマネージャ → パッケージ設定メニューを表示している

Visual Studioオプションパネルに新しいパッケージソースの追加を示している

ステップ3: 新しいパッケージソース使用可能なパッケージソース:リストで選択し、新しいパッケージソースフィールドを設定するための...ボタンを使用します:

名前: Artifactory

ソース: https://agora.dequecloud.com/artifactory/api/nuget/devtools-nuget

Visual Studioオプションパネルに新しいパッケージソース名とソースURLの追加を示している

ステップ4: 新しいパッケージソースの詳細を保存するにはUpdateを選択します。オプションダイアログを閉じるにはOKを選択します。

パッケージソースにアクセスするためのAgora資格情報を追加する

Dequeの担当者からAgoraのログイン資格情報が提供されます。Agoraへのログインを行って、画面右上のウェルカムバナーをクリックし、プロフィールを編集を選択してアイデンティティトークンを生成するボタンをクリックします。アイデンティティトークンを作成する手順に従い、それをコピーします。

important

アイデンティティトークンを作成する際、値をコピーすることを忘れないでください。これが唯一の機会です。そうしないと、新しいトークンを作成する必要があります。

アイデンティティトークンは有効期限があります(通常は1年後)、定期的にトークンを再作成する必要があります。

ステップ5: コンテキストメニューを表示するために、ソリューションエクスプローラー内のDependenciesを右クリックし、Manage NuGet Packagesを選択します:

開かれているプロジェクトと開いたコンテキストメニューを示すVS 2019ソリューションエクスプローラー。依存関係 → NuGetパッケージの管理... が選択されています。

VS 2019が開いたNuGetパッケージマネージャを表示しています。パッケージソースリストが開かれ、4つのオプション(すべて、nuget.org、Microsoft Visual Studioオフラインパッケージ、Artifactory)が表示されています。Artifactoryが選択されています。

ステップ6: パッケージソースのドロップダウンリストからArtifactoryを選択します。agora.dequecloud.comに接続するログインモーダルが表示されます。Agoraにログインするために使用したメールアドレスでユーザー名フィールドを埋め、コピーしたアイデンティティトークンをパスワードとして入力します。パスワードを記憶するボックスをチェックし、[OK]を選択してログインプロセスを完了します:

VS 2019がパッケージソースをArtifactoryに設定し、認証情報で埋められたagora.dequecloud.comへの接続ログインモーダルを表示しています。ログインモーダルの[パスワードを記憶する]ボックスがチェックされています。

ステップ7: Artifactoryにログインしたときに[表示]タブに切り替えます。axe-devtools-seleniumパッケージを選択します

VS 2019がNuGetパッケージマネージャを表示し、パッケージソースがArtifactoryに設定され、[表示]タブが選択されています。2つのオプションが表示されています: axe-devtools-seleniumとパッケージ。

ステップ8: [インストール]を選択し、表示されるプレビュー変更モーダルで[OK]を選択して変更を受け入れます。

VS 2019パッケージマネージャのブラウザタブに、axe-devtools-seleniumパッケージと選択されたインストールボタンが表示されています。

VS 2019 NuGetパッケージマネージャ インストールがプレビュー変更モーダルと出力コンソールに表示されたインストールアクションのリストを表示しています。[OK]を選択するとパッケージのインストールが完了し、モーダルが閉じられます。

NuGet出力パネルがパッケージのインストール状況を表示しています。ソリューションエクスプローラー内のパッケージフォルダを展開して、axe-devtools-seleniumパッケージのインストールが成功したことを確認します:

VS 2019ソリューションエクスプローラーにパッケージフォルダが展開され、axe-devtools-selenium 1.0パッケージのプロジェクト依存関係への成功したインストールが表示されています。

ステップ7: NuGetパネルを閉じます。ソリューションエクスプローラーでプロジェクトを選択してコンテキストメニューを開き、Buildを選択します:

プロジェクトが選択され、ビルドコマンドにアクセスするためにコンテキストが開かれているVSソリューションエクスプローラー

ステップ 8: ソリューションエクスプローラーでプロジェクトを選択し、コンテキストメニューを開いて、全てのテストを実行するためにテストを実行を選択します:

ソリューションエクスプローラーが表示され、コンテキストメニューが開かれて、カーソルがテストを実行オプションの上にあります。

Visual Studio によって生成されたプロジェクトファイルについて

Visual Studio は、プロジェクトのビルド時に現在のユーザーに固有のいくつかのファイルを生成します。これらのファイルは、プロジェクトとソリューションが保存されている Windows のファイルエクスプローラーで表示されます。生成されたファイルには、プロジェクトフォルダー内の bin および obj フォルダーと、\Users\username\AppData\Roaming\NuGet\NuGet.config ファイルが含まれます。特に新しいプロジェクトが複数のユーザーによるプロジェクトテストに使用されることを意図している場合、生成されたファイルをソースリポジトリに保存する必要はありません。

テストの実行

ソリューションエクスプローラーでプロジェクト名を選択し、コンテキストメニューにアクセスして、テストを実行を選択することで、Visual Studio プロジェクト内のテストを実行します。