uni-app微信小程序接入人臉核身SDK認證

寫這篇文章是記錄自己使用慧眼的流程，由于網(wǎng)上另外一篇友鏈，并不是很支持uniapp、vue3、ts的架構

接?準備
?程序前端接?請求有域名?名單限制，如果不添加只能再調試模式下運?，上線前需要將如下兩
個域名在?程序后臺添加服務器域名
uni-app接?
步驟?：注冊并創(chuàng)建 uni-app 開發(fā)環(huán)境
uni-app開發(fā)接?具體參照uni官?
步驟?：下載并配置verify_mpsdk源碼

1. 下載sdk源碼及配套的demo示例
2. 配置sdk源碼
   ?法?：項?根?錄配置（推薦）
3. 將sdk源碼包verify-mpsdk?件夾拷?到項?根?錄
4. ?程序前端接?請求有域名?名單限制，如果不添加只能再調試模式下運?，上線前需要將如下兩
   個域名在?程序后臺添加服務器域名

https://faceid.qq.com;
https://faceid.qcloud.com;

步驟三：將verify_mpsdk/utils目錄下的module.exports全都改為es6的export，例如：

//  /verify_mpsdk/globalConfig.js
export default {
  normalPath: '',
}
//  /verify_mpsdk/utils/index.js
import common from './common'

export * from './extend'
export * from './report'
export * from './request'
export * from './http'
export * from './util'
export * from './validate'
export * from './verify'
export const $common = common

步驟四：在pages.json中添加實名界面路徑

{
      "path": "verify_mpsdk/pages/ocr/ocr",
      "style": {
        "navigationStyle": "custom"
      }
    },
    {
      "path": "verify_mpsdk/pages/sms/sms",
      "style": {
        "navigationStyle": "custom"
      }
    },
    {
      "path": "verify_mpsdk/pages/verifyLivingBody/verifyLivingBody",
      "style": {
        "navigationStyle": "custom"
      }
    },
    {
      "path": "verify_mpsdk/pages/protocol/protocol",
      "style": {
        "navigationStyle": "custom"
      }
    },
    {
      "path": "verify_mpsdk/pages/result/result",
      "style": {
        "navigationStyle": "custom"
      }
    }

步驟五：App.ue初始化sdk

  import Verify from '@/verify_mpsdk/utils/main.js'
    onLaunch(async (options) => {
    Verify.init()
  })

步驟六：使用的位置調用

interface Uniapp<Key> {
  [key: string]: Key extends keyof Uni ? Uni[Key] : any
}

// 后續(xù)參考文檔調用就行
// 有問題可以聯(lián)系我vx
// 15884572638
// 獲取bizToken
    const {
      data = { bizToken: '' },
      code,
      message,
    } = await getBizToken(personInfo)
;(uni as Uniapp<'startVerify'>).startVerify({
        data: {
          token: data.bizToken, // BizToken
        },
        success: (res: any) => {
          showLoading()
          // 驗證成功后觸發(fā)
          // res 包含驗證成功的token, 這里需要加500ms延時，防止iOS下不執(zhí)行后面的邏輯
          setTimeout(async () => {
            try {
              // 驗證成功后，拿到token后的邏輯處理，具體以客戶自身邏輯為準
              // if (res.BizToken) {
              const { data } = await postBizToken({
                bizToken: res.BizToken || '',
              })
              msg('實名成功')
              return resolve(true)
              // }
            } catch (e) {
              //TODO handle the exception
              hideLoading()
              uni.showModal({
                title: '提示',
                content: '實名認證調用接口失敗',
                showCancel: false,
              })
              console.log('實名認證失敗')

              return reject(false)
            }
          }, 500)
        },
        fail: (err: any) => {
          // 驗證失敗時觸發(fā)
          // err 包含錯誤碼，錯誤信息，彈窗提示錯誤
          setTimeout(() => {
            uni.showModal({
              title: '提示',
              content: err.ErrorMsg || '實名失敗',
              showCancel: false,
            })
            useRealAuthLimit(true)
            return reject(false)
          }, 500)
        },
      })

申請流程是參照：這個鏈接文章來源地址http://www.zghlxwxcb.cn/news/detail-593052.html

到了這里，關于uni-app微信小程序接入人臉核身SDK的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！