Agoraを介してAxe DevTools Cypressをインストール

Dequeのアーティファクトリポジトリに直接アクセスしてAxe DevToolsをダウンロード

内部のアーティファクトリポジトリを持たない顧客で、Axe DevToolsを直接ダウンロードするよりも持続可能でスケーラブルなインストールソリューションを求める場合、Dequeは選ばれた顧客に自社のアーティファクトリポジトリを利用可能にしています。Axe DevToolsの他のインストール方法については、アーティファクトリポジトリからのインストール。のガイドを参照してください。

前提条件

AgoraからAxe DevToolsをインストールするには、Agoraのログイン資格情報が必要です。また、既存のNodeJSベースのウェブプロジェクトがあり、その中にAxe DevToolsをインストールする必要があります。テスト環境の設定によっては、テストライブラリを追加の依存関係として要求される場合があります。

アイデンティティトークンの作成

アイデンティティトークンを作成する最も簡単な方法は、Agoraウェブアプリを通じて行うことです。ログイン後、ヘルプボタンの隣にあるトップバーのあなたのメールアドレスへようこそとラベルのついたボタンをクリックしてアイデンティティトークンを作成できます。そこから、アイデンティティトークンをコピーできます。

認証の追加

NPMまたはYarnを通じてAxe DevToolsパッケージにアクセスするには、Agoraの認証情報を~/.npmrcファイルに追加する必要があります。これを行う最も簡単な方法は、curlコマンドを使用することです。

curl -u"<your-email>":<your-identity-token> "https://agora.dequecloud.com/artifactory/api/npm/auth"

このコマンドを実行する際は、をAgoraのログインメールに置き換え、を前のステップでコピーしたアイデンティティトークンに置き換えてください。コマンドの戻りは次のように表示されます：

_auth = <generated-auth-string>
always-auth = true
email = <your-email>

.npmrcファイルの設定 (yarn/npm)

~/.npmrcファイルを開きます。最初にレジストリ情報を追加し、その後、curlコマンドからの出力を追加します。最終的な形は次のようになります：

@axe-devtools:registry=https://agora.dequecloud.com/artifactory/api/npm/devtools-npm/
//agora.dequecloud.com/artifactory/api/npm/devtools-npm/:_auth=<generated-auth-string>
//agora.dequecloud.com/artifactory/api/npm/devtools-npm/:email=<your-email@email.com>
//agora.dequecloud.com/artifactory/api/npm/devtools-npm/:always-auth=true

.yarnrc.ymlファイルの設定 (yarn modern)

~/.yarnrc.ymlファイルを開きます。最初にレジストリ情報を追加し、その後、curlコマンドからの出力を追加します。最終的な形は次のようになります：

npmScopes:
  axe-devtools:
      npmRegistries: 'https://agora.dequecloud.com/artifactory/api/npm/dequelabs/':
      npmAuthIdent: <generated-auth-string>
      npmRegistryServer: 'https://agora.dequecloud.com/artifactory/api/npm/dequelabs/'
      npmAlwaysAuth: true

curlコマンドを実行できない場合は、<your-email>:<your-identity-token>をbase-64エンコードして認証文字列を生成し、curlコマンドで生成された場合と同じ方法で~/.npmrcファイルに追加することができます。

インストール

プロジェクトにAxe DevTools Cypressをインストールするには、このコマンドを実行します：

npm install @axe-devtools/cypress

まだCypress自体をインストールしていない場合は、次のコマンドでインストールできます

npm install cypress

次のステップ

Axe DevToolsのインストールに問題がある場合は、直接Dequeの担当者に連絡するか、私たちのサポートデスクで質問するか、メール送信してください。すぐに動作を開始できるようお手伝いいたします。