次の方法で共有


オーセンティケーターのエミュレートと WebAuthn のデバッグ

Web サイトまたはアプリで物理認証子を使用して Web 認証をデバッグする代わりに、 WebAuthn ツールを使用して、ソフトウェア ベースの仮想認証子を作成して操作します。

WebAuthn ツールを使用すると、物理認証子に依存せずに次の操作を実行できます。

  • 認証子をエミュレートします。
  • 認証子の属性をカスタマイズします。
  • 認証子の状態を検査します。

認証子をエミュレートし、WebAuthn ツールを使用して Web 認証 API をデバッグできます。

WebAuthn ツールを設定する

  1. WebAuthn を使用する Web ページに移動します。 たとえば、新しいブラウザー ウィンドウまたはタブで次のデモ Web サイトを開きます: try-webauthn.appspot.com

  2. Web サイトにサインインします。

  3. DevTools を開く場合は、Web ページを右クリックし、[検査] を選択します。 または、 Ctrl + Shift + I (Windows、Linux) または Command + Option + I (macOS) を押します。 DevTools が開きます。

  4. DevTools のメイン ツール バーで、[WebAuthn] タブを選択します。そのタブが表示されない場合は、[その他のタブ ] ([その他のタブ] アイコン) ボタンをクリックするか、[その他のツール] ([その他のツール] アイコン) ボタンをクリックします。

    WebAuthn ツールが開きます。

    WebAuthn ツール

  5. WebAuthn ツールで、[仮想認証環境を有効にする] チェック ボックスをオンにします。 新しい認証子という名前の 新しい セクションが表示されます。

    仮想認証環境を有効にする

  6. [ 新しい認証子 ] セクションで、次のオプションを構成します。

    オプション 詳細
    Protocol ctap2 または u2f 仮想認証子がエンコードとデコードに使用するプロトコル
    Transport usbnfcbleまたは internal 仮想認証子は、特定の資格情報のアサーションを取得するために、クライアントと通信するために選択されたトランスポートをシミュレートします。 「Authenticator Transport 列挙型」を参照してください
    Supports resident keys チェックボックスを使用してオンまたはオフにする Web アプリが常駐キー (クライアント側の検出可能な資格情報とも呼ばれます) に依存している場合は、オンにします。 「常駐キー要件列挙」を参照してください。
    Supports user verification チェックボックスを使用してオンまたはオフにする タッチとピン コード、パスワード 入力、生体認証などのジェスチャ モダリティを使用して、Web アプリがローカル承認に依存している場合は、オンにします。 「ユーザー検証」を参照してください
  7. [追加] ボタンをクリックします

  8. 新しく作成した認証子の新しいセクションが表示されます。

    認証

Authenticator セクションには、Credentials テーブルが含まれています。 資格情報が認証子に登録されるまで、テーブルは空です。

資格情報なし

新しい資格情報を登録する

新しい資格情報を登録するには:

  1. デモ Web サイトで、[ 新しい資格情報の登録] をクリックします。

  2. WebAuthn ツールの Credentials テーブルに新しい資格情報が追加されました。

    資格情報を表示する

デモ Web サイトで、[ 認証 ] ボタンをクリックします。 Credentials テーブルの資格情報の Sign Count が 1 増加したことを確認します。これにより、authenticatorGetAssertion 操作が成功したことを示します。

新しい資格情報を登録するときに Web 認証 API が実行する操作の詳細については、「 新しい資格情報の作成」を参照してください。

資格情報のエクスポートと削除

資格情報をエクスポートまたは削除するには、[ エクスポート ] または [ 削除 ] ボタンをクリックします。

資格情報をエクスポートまたは削除する

認証子の名前を変更する

認証子の名前を変更するには:

  1. 認証子名の横にある [ 編集 ] ボタンをクリックします。

  2. 名前を編集し、 Enter キーを押して変更を保存します。

認証子の名前を変更する

アクティブな認証子を設定する

新しく作成された認証子が自動的にアクティブ化されます。 別の仮想認証子を使用するには、認証子の横にある [アクティブ] ラジオ ボタンをクリックします。

DevTools では、任意の時点で 1 つのアクティブな仮想認証子のみがサポートされます。 アクティブな認証子を削除した場合、別の認証子は自動的にアクティブ化されません。

アクティブな認証子の設定

仮想認証子を削除する

仮想認証子を削除するには、認証子の横にある [ 削除 ] ボタンをクリックします。

認証子の削除

このページの一部の情報は、Google によって作成および共有されている著作物に基づいており、Creative Commons Attribution 4.0 International License に記載されている条項に従って使用されています。 Jecelyn Yeen (デベロッパー アドボケイト、Chrome DevTools) によって作成された元のページはこちらにあります。

クリエイティブ・コモンズ・ライセンス この作品は 、クリエイティブ・コモンズ属性4.0国際ライセンスに基づきライセンスされています