useMfa()

多要素認証（MFA）方式を管理するためのフック。TOTP、メールOTP、WebAuthnに対応しています。

概要

useMfa() フックは、MFA メソッドの取得、新しいメソッド (TOTP、Eメール OTP、WebAuthn) の登録、メソッド登録の確認、メソッドの削除、プライマリメソッドの設定を行うためのメソッドを提供します。ユーザーが認証されている必要があります。

基本的な使い方

'use client';
import { useMfa, useAuth } from 'authsafe-nextjs';

export default function MfaSettings() {
  const { isAuthenticated } = useAuth();
  const { methods, fetchMethods, registerMethod } = useMfa();

  if (!isAuthenticated) return null;

  return (
    <div>
      <h2>MFA Methods</h2>
      {methods.map(method => (
        <p key={method.id}>{method.type}</p>
      ))}
      <button onClick={() => registerMethod('totp')}>Add TOTP</button>
    </div>
  );
}

ベストプラクティス

MFA設定を表示する前に、必ずisAuthenticatedを確認してください。
メソッドを追加/削除した後は、fetchMethods() を使用してリストを更新してください。
セキュリティの柔軟性を高めるため、複数のMFAタイプをサポートします。

概要

基本的な使い方

'use client';
import { useMfa, useAuth } from 'authsafe-nextjs';

export default function MfaSettings() {
  const { isAuthenticated } = useAuth();
  const { methods, fetchMethods, registerMethod } = useMfa();

  if (!isAuthenticated) return null;

  return (
    <div>
      <h2>MFA Methods</h2>
      {methods.map(method => (
        <p key={method.id}>{method.type}</p>
      ))}
      <button onClick={() => registerMethod('totp')}>Add TOTP</button>
    </div>
  );
}

ベストプラクティス

MFA設定を表示する前に、必ずisAuthenticatedを確認してください。
メソッドを追加/削除した後は、fetchMethods() を使用してリストを更新してください。
セキュリティの柔軟性を高めるため、複数のMFAタイプをサポートします。