DequeのAgoraからブラウザーJavaScript用Axe DevToolsをインストール
DequeのAgoraアーティファクトリポジトリから@axe-devtools/browserパッケージをインストールする
内部アーティファクトリポジトリを持たず、Axe DevToolsを直接ダウンロードするのではなく、より持続可能でスケーラブルなインストール方法を求める顧客のために、Dequeは選ばれた顧客に自社のアーティファクトリポジトリを提供しています。Axe DevToolsの他のインストール方法については、アーティファクトリポジトリからのインストールのガイドを参照してください。
前提条件
AgoraからAxe DevToolsをインストールするには、Agoraのログイン資格情報が必要です。また、既存のNodeJSベースのWebプロジェクトが必要です。テスト環境の構成によっては、追加の依存関係としてテスティングライブラリが必要になる場合があります。
認証トークンの作成
認証トークンを作成する最も簡単な方法は、Agoraウェブアプリを通じて行うことです。ログインしたら、ヘルプボタンの隣にある上部バーのようこそ あなたのメールアドレスとラベル付けされたボタンをクリックして認証トークンを作成することができます。そこから、認証トークンを生成し、コピーします。
アイデンティティトークンを作成する際、値をコピーすることを忘れないでください。これが唯一の機会です。そうしないと、新しいトークンを作成する必要があります。
アイデンティティトークンは有効期限があります(通常は1年後)、定期的にトークンを再作成する必要があります。
認証の追加
NPMまたはYarnを通じてAxe DevToolsパッケージにアクセスするには、Agoraの認証情報を~/.npmrcファイルに追加する必要があります。これを行う最も簡単な方法は、curlコマンドを使用することです。
curl -u"<your-email>":<your-identity-token> "https://agora.dequecloud.com/artifactory/api/npm/auth"このコマンドを実行する際には、
_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ブラウザーJavaScriptをインストールするには、次のコマンドを実行します。
npm install @axe-devtools/browser次のステップ
Axe DevToolsが環境に正常にインストールされたら、インポートと初期化のガイドをお読みください。
Axe DevToolsのインストールに問題がある場合は、直接Dequeの担当者に連絡するか、弊社のサポートデスクを通じてお問い合わせください。またはメールを送る。お客様が迅速に利用を開始できるようサポートいたします。
