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