微信公众号--小程序实现人脸核身(人脸识别)
最编程
2024-04-28 07:17:31
...
大前提:由于人脸核身功能涉及到用户的敏感、隐私信息,因此调用此接口的小程序,需要满足一定的条件。开展的业务也需要是国家相关法规、政策规定的需要“实名办理”的相关业务;仅支持二代身份证的大陆居民;具体介绍看文档:developers.weixin.qq.com/community/b…
笔者业务场景:使用微信开发者工具,点击button按钮,调取微信小程序人脸核身的接口,微信小程序人脸核身接口需要传入姓名和身份证号码(人脸识别的界面是调取接口后出现的,不用写静态页面,直接写触发事件调接口;微信会拿用户人脸信息与微信的api人脸库对比,认证通过返回认证人信息),比对成功后接口返回加密后人员信息,传给后端,后端去调微信接口解密。
官方文档:developers.weixin.qq.com/community/b…
一. 微信小程序开通人脸核身权限
登录微信公众平台mp.weixin.qq.com/ 功能-人脸识别 (按照填写申请)
注:开发管理-接口设置已经取消了,在功能-人脸识别中能看到调接口的数据。
二. 审核通过后找到AppID配置到项目
1.开发设置-开发者ID;复制AppID 2. 打开微信开发者工具Stable:找到project.config.json,将appid粘贴过来。
三. 调取接口拿到人员信息,传给后端。
1.笔者是点击button按钮触发调取接口;先展示下button部分的代码。
①app.json中添加button,在pages中自动生成button文件
②pages/button/button.wxml代码
<view class="usertitle">
<div class='titleText'>人脸识别认证</div>
</view>
<form bindsubmit="facialRecognitionVerify">
<view class='btnToFaceCheck'>
<button class='btnToFaceCheck' formType="submit">
<text>点击此处开始人脸识别认证</text>
</button>
</view>
</form>
③ pages/button/button.js代码
首先调取检测设备是否支持人脸识别接口,支持再调取人脸识别接口,人脸识别接口必穿的参数有两种形式:第一是name和idCardNumber(看代码),第二是传加密后的姓名和身份证号码,使用userIDKey:" "; 注:传入的参数姓名和身份证都是string类型的,可以先写死尝试;仔细看注释。 检查设备是否支持人脸检测错误码:
Page({
onLoad: function (options) {
var that = this;
that.setData({faceCheckData:options});
},
facialRecognitionVerify: function () {
// 1.检测设备是否支持人脸识别
checkIsSupportFacialRecognition({
checkAliveType: 2,
success: function(res) {
if (res.errCode === 0 || res.errMsg === "checkIsSupportFacialRecognition:ok") {
// 2.调用人脸识别
wx.startFacialRecognitionVerify({
name: "传入参数", //姓名
idCardNumber: "传入参数", //身份证号
//人脸识别成功回调通知
success (res) {
var verifyResult = res.verifyResult;
console.log(verifyResult)
},
//人脸识别失败的回调通知
'fail': function (res) {
console.log(res,"失败");
wx.showModal({
title: '提示',
showCancel: false,
content: "人脸识别失败!" + res.errCode+","+res.errMsg,
success: function (res) {
if (res.confirm) {
wx.navigateTo()
}
}
});
}
});
return;
}
wx.showToast('微信版本过低,暂时无法使用此功能,请升级微信最新版本')
},
fail: res => {
wx.showToast('微信版本过低,暂时无法使用此功能,请升级微信最新版本')
}
});
}
})
④点击真机调试-二维码真机调试-出现静态页面-进入人脸识别-出现人脸识别框(跟其他软件人脸认证静态页面一样)-验证-通过后显示人脸识别成功。
⑤人脸识别通过返回的人员加密信息。
⑥将res.verifyResult的数据传给后端。
- 错误码请参考官方文档。 前端结束,拉闸!
上一篇: 区块链小白实践笔记--谈谈通证(代币)和通证经济(代币经济)
下一篇: 区块链代币简述
推荐阅读
-
微信 "扫一扫 "物联网,全面揭秘 "扫一扫 "背后的扫盲技术!-1.1 扫一扫感知物体是做什么的? 1.1 微信扫一扫是做什么的? 扫一扫识物是指以图片或视频(商品图片:鞋/包/美妆/服饰/家电/玩具/图书/食品/珠宝/家具/其他商品)为输入媒介,挖掘微信内容生态中的有价值信息(电商+百科+资讯,如图1所示),并展示给用户。这里的电商基本涵盖了微信小程序覆盖上亿SKU的全量优质电商,可以支持用户货比N家并直接下单购买,百科和资讯则聚合了微信内的头部自媒体如搜狗、搜搜、百度等,向用户展示和分享拍摄商品相关的内容资讯。 图 1 扫一扫识别功能示意图 欢迎大家更新iOS新版微信→扫一扫→识货,亲自体验,也欢迎大家通过识货界面的反馈按钮向我们提交反馈意见。 扫一扫识物实景图展示 1.2 扫一扫识物有哪些使用场景? 扫一扫识物的目的是为用户访问微信内部生态内容开辟一个新窗口,以用户扫图片为输入形式,为用户提供微信生态内容中的百科、资讯、电商等作为展示页面。除了用户熟悉的扫一扫操作外,我们还将进一步拓展长按操作,让用户更方便地进行扫一扫操作。"扫一扫知事 "的落地场景主要涵盖三大部分: a. 科普知识: a.科普知识。用户通过扫一扫,可以在微信生态圈中获取该对象的百科、资讯等常识或趣闻,帮助用户更好地了解该对象; b.购物场景。同样的搜索功能支持用户看到喜欢的商品立即检索到微信小程序电商中的同款商品,支持用户即扫即购; c.广告场景。扫一扫识别物体可以辅助公众号文章、视频更好地理解其中蕴含的图片信息,从而更好地投放匹配广告,提高点击率。 1.3 Sweep Sense 为 Sweep 家族带来了哪些新技术? 对于扫一扫来说,大家耳熟能详的应该就是扫一扫二维码、扫一扫小程序码、扫一扫条形码、扫一扫翻译了。无论是各种形式的编码还是文字字符,都可以看作是图片的一种特定编码形式,而物的识别则是对自然场景图片的识别,这对于扫一扫家族来说是一个质的飞跃,我们希望从物的识别入手,进一步拓展扫一扫对自然场景图片的理解能力,比如扫酒、扫车、扫植物、扫人脸等服务,如下图3所示。 图 3 Sweep 家族
-
微信公众号--小程序实现人脸核身(人脸识别)
-
微信小程序人脸识别功能(wx.faceDetect),含扫脸动画、人脸图片采集(upng.js)和位置显示-1。微信小程序人脸识别
-
微信小程序 - wx.faceDetect 识别人脸并拍照(传递经纬度)
-
微信小程序实现人脸识别身份验证
-
通过微信公众号与小程序的二维码扫描,如何运用动态参数实现实时页面切换与接口调用参数传递