### 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);
}
});
}