TOTP 验证器
生成双因素认证二维码并验证动态密码
OTP 二维码生成与验证
二维码生成中...
验证区域
当前动态密码：935527
剩余时间：16 秒
使用说明
功能说明：
- 生成符合 RFC 6238 标准的 TOTP 二维码
- 支持 Google Authenticator、Microsoft Authenticator 等认证器
- 可在线验证动态密码是否正确
- 每 30 秒自动更新一次动态密码
使用方法：
- 使用手机认证器 APP 扫描二维码
- 或手动复制密钥添加到认证器
- 在输入框中输入认证器显示的 6 位密码
- 点击"验证"按钮检查密码是否正确
代码使用示例
在其他页面中使用 QRCodeOTP 组件非常简单：
<template>
<QRCodeOTP
id="user-123"
hash="unique-hash-value"
@verified="handleVerified"
@failed="handleFailed"
/>
</template>
<script setup>
// 处理验证成功
const handleVerified = (data) => {
console.log('验证成功:', data)
// data.delta - 时间偏移量
// data.token - 验证的令牌
}
// 处理验证失败
const handleFailed = (error) => {
console.log('验证失败:', error)
// error.reason - 失败原因
}
</script>参数说明：
id(必填): 唯一标识符，用于区分不同的 OTP 配置hash(可选): 哈希值，用于生成唯一密钥种子
事件说明：
@verified: 验证成功时触发，返回验证结果数据@failed: 验证失败时触发，返回错误信息