Google 认证登录前端开发流程

 设计三个接口

1、login 登录接口

2、获取认证码接口

3、Google 认证登录接口

这个项目用的react开发   二维码生成插件qrcode.react

yarn add qrcode.react -s

//http://chart.googleapis.com/chart?cht=qr&chs=300x300&chl=otpauth%3A%2F%2Ftotp%2Ftest1%3Fsecret%3DINAFCZDJIVLXKUSFNIYS25DFON2DC%26issuer%3DShadeFinder
//需要截取chl=后面部分 再使用decodeURIComponent解码   因为我们这边googl 使用encodeURIComponent加密的
decodeURIComponent()  //解码部分代码
const [qrCodeSetupImageUrl, setQrCodeSetupImageUrl] = useState('');
GenerateQrCode(paramsMfa).then((res) => {if (res.success) {setIsShowImageCode(true);setManualEntryKey(res.data.manualEntryKey);setQrCodeSetupImageUrl(decodeURIComponent(res.data.qrCodeSetupImageUrl.split('chl=')[1]),);} else {message.error(res.msg);}});// DOM
import QRCode from 'qrcode.react';

 这主要是依赖与后端，下篇介绍前端怎么生成的及其原理。国内只有后端的google 认证案例前端的没有。敬请等待

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！