🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
### 1.下载 下载 [ 人脸登录 SDK ](http://fuyuan.yun2win.com/%E4%BA%BA%E8%84%B8%E7%99%BB%E5%BD%95SDK.zip),里面包含了 SDK、前端 demo,服务端 demo,以及帮助文档,开发者可以自己研读实践。 ### 2.申请应用 在 [ 富源开发平台 ](http://fuyuan.yun2win.com)控制台里注册账号,成功后在首页申请自己的应用,获得 APPID 和 APPsecret ,只有申请了应用后才可以使用人脸登录 SDK。 ### 3.后端使用 业务系统自己的后端开发需要按照下载的 SDK 中包含的后端 demo 那样,自己写一个接口,用来让自己业务系统的前端来调用获取 accessToken ,为了安全和更改方便,这一步还是后端直接用 APPID 和 APPsecret 来申请 accessToken 返回给自己业务系统的前端使用。 ### 4.前端使用 前端开发人员需要把下载的 SDK 中的 `uniacc.js` 文件导入自己项目的根目录下,在需要使用人脸登录的地方导入即可,可以使用 `import` 或者 `require` 方式引用,具体有两种使用方法,在你下载的 SDK 的前端 demo 中的 `index.html` 文件中有写,一种是用手机扫码,使用手机进行人脸确认登录,自己的业务系统收到回调后再做相应的操作即可;另一种即使用当前设备重新打开个页面进行人脸确认登录,自己的业务系统同样也会有对应的回调,用户可自行处理。核心的方法如下: let logger function init () { // 如果此函数正在请求中那么先停止然后进行下一次请求 if (logger) logger.cancel(); // accessToken是根据前端调用第三步里面后端的获取 token 的接口获取到的 let accessToken = 'a447bdDAUeKORvmt' // 【接口1】此处的accessToken由业务服务器调用接口获得。接口文档在文档文件夹下的accessToken.txt,也可由后端的demo自行运行获取 logger = uniacc.qrcodeLogin({ // 需要传的参数 accessToken, // 获取二维码地址 onLoad: data => { QRCode.toDataURL(data.qrcode, (err, url) => { if (err) throw err // 获取到一个url,以二维码的形式展示出来,可以用来扫瞄或者直接在新的窗口打开此url qrcode.src = url message.textContent = '微信扫一扫' }) }, // 微信扫码成功 onScan: () => { message.textContent = '扫码成功,等待授权' }, // 在小程序端同意登录 onAccept: data => { message.textContent = '授权成功,正在登录' //人脸登录验证成功,用户可以在此处理自己登录的业务逻辑 onError: error => { message.textContent = error.message console.error(error); } }); }