vue前端Passkey使用

224 阅读1分钟

## 由于无意中看到GitHub上登录有一个新奇的登录方式,所以去百科查询了一下,此文章简要提及VUE前端代码,JAVA代码请参考cloud.tencent.com/developer/a…

由于使用的是秘钥登录,需用户开启PIN权限,windows 设置=>账户=>登录选项=>PIN

用户要使用PassKey需要先使用账号密码登录,进入创建密钥入口进行创建,请在登录完成前判断该浏览器是否支持PassKey并进行存储,方便后边监听'创建秘钥'/'使用秘钥登录'按钮是否显示

创建秘钥,需使用@github/webauthn-json,由 GitHub 开发的 Webauthn 前端辅助库,通过包装了 Webauthn API 方法以实现在服务器和浏览器之间便捷的编码并传输 options 对象数据

npm install --save @github/webauthn-json

1.判断是否支持Passkey

code.png

2.创建秘钥

code.png

3.使用秘钥登录
import { get, parseRequestOptionsFromJSON } from "@github/webauthn-json/browser-ponyfill";

code.png 一些简单的小知识,希望能帮到大家