likes
comments
collection
share

Taro-Vue 接入腾讯云增强人脸识别

作者站长头像
站长
· 阅读数 12

Taro集成腾讯人脸识别在文档上没有详细的接入方法,在这里记录一下。

1.将人脸SDK放到项目根目录,注意是小程序根目录与app.ts同级。

Taro-Vue 接入腾讯云增强人脸识别

2.修改app.ts 添加onLaunch()方法

在顶部引入import verify from './verify_mpsdk/main';

并修改createApp方法

const App = createApp({
  onLaunch() {
    Taro.getExtConfig();
    console.log("人脸SDK",verify);
    // const verify = require('./verify_mpsdk/main');
    verify.init(); // 初始化慧眼实名核身组件
  },
});
  1. app.config.ts文件中加入路径
  pages: [
    "verify_mpsdk/index/index", // 活体验证页面
  ],
  1. 在config目录下的index.js文件config对象中添加
  copy: {
    patterns: [ { from: 'src/verify_mpsdk/', to: 'dist/verify_mpsdk/'},  ],
    options: {}
  },
  1. 如果引入报错exprot.*之类报错请修改SDK内代码
除了SM2SM4文件其他文件都改为
import 导入
export default 导出

例子:
import Log from "./utils/log";
export default { init: init };
  1. 在业务页面添加以下代码,拉起人脸页面
const upFace = async () => {
  let BizToken = bizToken.value; // 该函数为客户自定义函数,去客户后端调用 DetectAuth 接口获取 BizToken
  // 调用实名核身功能
  wx.startVerify({
    data: {
      token: BizToken, // BizToken
    },
    success: (e) => {
      // 验证成功后触发
      // res 包含验证成功的token, 这里需要加500ms延时,防止iOS下不执行后面的逻辑
      setTimeout(async () => {
        // 验证成功后,拿到token后的逻辑处理,具体以客户自身逻辑为准
        redirectTo({
          url: `XXX`,
        });
      }, 500);
    },
    fail: (err) => {
      // 验证失败时触发
      // err 包含错误码,错误信息,弹窗提示错误
      setTimeout(async () => {
        wx.showModal({
          title: "提示",
          content: err.ErrorMsg,
          showCancel: false,
        });
      }, 500);
    },
  });
};
  1. 如果在调用getWxUserIdKey接口时报错40001,请通知小程序管理员添加人脸识别授权。

8.成功点亮

Taro-Vue 接入腾讯云增强人脸识别