Taro-Vue 接入腾讯云增强人脸识别
Taro集成腾讯人脸识别在文档上没有详细的接入方法,在这里记录一下。
1.将人脸SDK放到项目根目录,注意是小程序根目录与app.ts同级。
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(); // 初始化慧眼实名核身组件
},
});
- 在app.config.ts文件中加入路径
pages: [
"verify_mpsdk/index/index", // 活体验证页面
],
- 在config目录下的index.js文件config对象中添加
copy: {
patterns: [ { from: 'src/verify_mpsdk/', to: 'dist/verify_mpsdk/'}, ],
options: {}
},
- 如果引入报错exprot.*之类报错请修改SDK内代码
除了SM2和SM4文件其他文件都改为
import 导入
export default 导出
例子:
import Log from "./utils/log";
export default { init: init };
- 在业务页面添加以下代码,拉起人脸页面
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);
},
});
};
- 如果在调用getWxUserIdKey接口时报错40001,请通知小程序管理员添加人脸识别授权。
8.成功点亮
转载自:https://juejin.cn/post/7225896523296800827