当前位置: 首页 > news >正文

uniapp小程序接入腾讯云【增强版人脸核身接入】

文档地址:https://cloud.tencent.com/document/product/1007/56812
企业申请注册这边就不介绍了,根据官方文档去申请注册。
申请成功后,下载【微信小程序sdk】

一、解压sdk,创建wxcomponents文件夹

sdk解压后发现是原生小程序代码,uniapp不支持引入原生页面
在这里插入图片描述
所以要在根目录下创建wxcomponents文件夹,把解压的文档夹放wxcomponents里。

二、pges.json的globalStyle全局引入组件

在pges.json里添加引入

{"globalStyle": {"usingComponents": {"verify_mpsdk":"/wxcomponents/verify_mpsdk/index/index"}}
}

或者在哪个页面使用就在哪个页面引入

{"path": "pages/auth/auth","style" :{"navigationBarTitleText": "人脸核身","enablePullDownRefresh": false,"usingComponents": {"verify-mpsdk":"/wxcomponents/verify_mpsdk/index/index"}}}

三、创建一个认证的文件夹与页面

然后创建一个人脸核身的文件夹auth(命名随意)
pages.json添加页面路由【pages/auth/auth】

<!-- 司机人脸识别 -->
<template><view><verify-mpsdk ref="verifyMpsdk"></verify-mpsdk></view>
</template><script>export default{data(){return{}},onLoad(i) {//注意,引入组件没有onLoad生命周期,所以组件要重新写一个函数,把verify_mpsdk/index/index.js的onLoad里的方法执行一次this.$refs.verifyMpsdk.onLoadMethod(i)}}
</script><style>
</style>

verify_mpsdk/index/index.js

onLoadMethod: async function(t) {console.log("options=>", t, "verify_isNetworkWeek", wx.verify_isNetworkWeek), await this.initConfig(), t.curpage ? "result" === t.curpage && (this.showRTLiveGuide = !1, this.handleStartResult()) : await this.onLoadToNext()
}

四、修改verify_mpsdk/main.js的验证页面路径

搜索verify_mpsdk/main.js里的verify_mpsdk/index/index 修改成刚才创建的文件夹auth的路由【/pages/auth/auth】,位置有2处需要改的

五、在需要使用认证的页面进行人脸核身

在要使用认证的页面,例如authentication.vue
authentication.vue

onLoad() {const Verify = require('@/wxcomponents/verify_mpsdk/main.js')Verify.init()
},
methods:{gotoVerify(){let that = thiswx.startVerify({data:{token:''//去客户后端调用 DetectAuth 接口获取 BizToken},success:(res)=>{setTimeout(()=>{console.log(res,'success')},500)},fail:(err)=>{setTimeout(()=>{//腾讯云返回的err结构// {// 	BizToken:'xxx',// 	ErrorCode:'2016',// 	ErrorMsg:'比对人脸信息不匹配(10004)(xxxxx)'// }console.log(err,'fail')},500)}})},
}

一些遇到的问题:
1.上面步骤都完成的话,调用会返回【服务异常,请稍后重试或联系客服人员】,这个是小程序接入某个流程缺少(我是缺少了管理员微信号,扫描 授权二维码这个流程),在授权下就可以了
2.调用后没报错也没返回什么信息,那么可能就是上面的步骤某一个没弄好,例如main.js改页面路径啥的没去改

http://www.lryc.cn/news/223051.html

相关文章:

  • Sass 最基础的语法
  • 2023年11月数据库流行度最新排名
  • JavaEE-部署项目到服务器
  • 计算机网络期末复习-Part1
  • Redis系列-Redis过期策略以及内存淘汰机制【6】
  • 多语言翻译软件 Mate Translate mac中文版特色功能
  • Python GUI标准库tkinter实现与记事本相同菜单的文本编辑器(一)
  • Decimal.ToString()堆栈溢出异常
  • com.genuitec.eclipse.springframework.springnature
  • wangeditor富文本编辑器的使用(vue)
  • 物联网水表有什么弊端吗?
  • 安卓 车轮视图 WheelView kotlin
  • 升级Redisson版本兼容问题
  • 前端框架Bootstrap
  • Flink SQL TopN语句详解
  • k8s之数据卷
  • 服务器网络
  • YOLOv8-seg 分割代码详解(一)Predict
  • Docker学习——④
  • Android选项卡TabHost
  • qml添加滚动条
  • elementui-plus el-tree组件数据不显示问题解决
  • EMR 磁盘挂载解读与磁盘扩容操作
  • 小程序day04
  • 哪些人更容易受到网络攻击?
  • sql语句-实体属性有集合怎么批量查询
  • 临界资源,临界区,通信的干扰问题(互斥),信号量(本质,上下文切换问题,原子性,自身的安全性,操作)
  • 工具介绍——第三方软件远程连接(工具:Rustdesk)
  • 【脑机接口 算法】EEGNet: 通用神经网络应用于脑电信号
  • 【会话技术】Cookie和Session的工作流程和区别