详解微信小程序官方人脸核身认证
小程序收集了下用户个人信息上传被打回来说:
你好,小程序页面功能涉及:采集用户生物特征(人脸照片或视频)及其他敏感信息,用于身份认识或识别,
为保障用户敏感隐私身份信息,平台暂不支持此功能。请去除相关功能后重新提交。
然后就去找度娘搜了下需要申请
wx.startFacialRecognitionVerify({})
https://api.weixin.qq.com/cgi-bin/token?appid=appid&secret=secret&grant_type=client_credential
https://api.weixin.qq.com/cityservice/face/identify/getinfo?access_token=access_token
https://api.weixin.qq.com/cityservice/face/identify/getimage?access_token=access_token
首先要给申请下来的接口发送俩个参数:名字、身份证号码
photo.js
data: { openid: '', custName: '姓名', custIdCard: '身份证号码', verifyImg: '' }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { this.setData({ custName: options.custName, custIdCard: options.custIdCard }); var _this = this; wx.checkIsSupportFacialRecognition({ checkAliveType: 2, success: function (res) { if (res.errCode === 0 || res.errMsg === "checkIsSupportFacialRecognition:ok") { //调用人脸识别 _this.startface(_this.data.custName.replace(/(^\s*)|(\s*)$/g, ""), _this.data.custIdCard); //身份证名称,身份证号码 return; } wx.showToast('微信版本过低,暂时无法使用此功能,请升级微信最新版本') }, fail: function(res){ wx.showToast('微信版本过低,暂时无法使用此功能,请升级微信最新版本') } }) }, startface(name, idcard) { console.log('我进来了!!!'); var _this = this; wx.startFacialRecognitionVerify({ name: _this.data.custName, //身份证名称 idCardNumber: _this.data.custIdCard, //身份证号码 success: function (res) { var verifyResult = res.verifyResult; //认证结果 //调用接口 wx.request({ url: 'https://api.weixin.qq.com/cgi-bin/token?appid=wx2cafec51ec4c2153&secret=8d3e68a5a2c702673340d72d1c7db4cc&grant_type=client_credential', data: { }, method: 'POST', header: { 'content-type': 'application/json;charset=utf-8' }, success: function (res) { console.log(res.data); console.log(res.data.access_token) var token = res.data.access_token; wx.request({ url: 'https://api.weixin.qq.com/cityservice/face/identify/getinfo?access_token=' + res.data.access_token, data: { verify_result: verifyResult }, method: 'POST', header: { 'content-type': 'application/json;charset=utf-8' }, success: function (res) { console.log(res.data) console.log('我终于成功了。。。。') wx.request({ url: 'https://api.weixin.qq.com/cityservice/face/identify/getimage?access_token=' + token, data: { verify_result: verifyResult }, method: 'POST', responseType: 'arraybuffer', header: { 'content-type': 'application/json;charset=utf-8', }, success: (res) => { // console.log('data:image/png;base64,'+wx.arrayBufferToBases64(res)) console.log(res.data); var base64 = wx.arrayBufferToBase64(res.data); _this.setData({ verifyImg:'data:image/png;base64,'+ base64}) wx.navigateTo({ url: '../msg/msg?msg=恭喜您信息核验成功&verifyImg=' + _this.data.verifyImg }); }, fail: function (res) { console.log('失败', res.data) } }) }, fail: function (res) { } }) }, fail: function (res) { } }) console.log(verifyResult) // wx.navigateTo({ // url: '../msg/msg?msg=人脸核身认证成功' // }); }, checkAliveType: 2, //屏幕闪烁(人脸核验的交互方式,默认0,读数字) fail: err => { wx.showToast('请保持光线充足,面部正对手机,且无遮挡') wx.navigateTo({ url: '../msg/msg?msg=请保持光线充足,面部正对手机,且无遮挡,请退出重新操作' }); } }) }
主要坑的是这样下来得申请好几次接口到最后业务还需要unionid所以还得去微信开放平台申请认证
然后想要拉取核身结果的图片的时候就需要党上面的https://api.weixin.qq.com/cityservice/face/identify/getimage?access_token=access_token
返回的数据需要转成base64码然后显示在image标签上我是直接传给后台的
下面上我msg的js代码
msg.js
const app = getApp(); Page({ /** * 页面的初始数据 */ data: { msg:'', verifyImg:'', url:app.globalData.PostData }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var timestamp = Date.parse(new Date()); timestamp = timestamp/1000 console.log(options) var that = this; that.setData({ msg:options.msg, verifyImg:options.verifyImg }); console.log(that.data.url) console.log(that.data.verifyImg) wx.request({ url: that.data.url+'fileUpload!upBase64.do', //仅为示例,非真实的接口地址 data: { file:that.data.verifyImg, filename:timestamp, filedata:that.data.verifyImg }, method: 'POST', header: { 'content-type': 'application/x-www-form-urlencoded;charset=utf-8' }, success:function (res){ const data = res.data console.log('成功',data); //do something }, fail:function(res){ console.log('失败',res) } }) }
后台上传base64转换的代码
public void upBase64() { System.out.println("======开始上传图片===="); System.out.println(file); Json j = new Json(); String FilePath = ServletActionContext.getServletContext().getRealPath(Constants.IMGPATH+"/"+Constants.PHOTOPATH); File PathFile = new File(FilePath); try { // 如果是IE,那么需要设置为text/html,否则会弹框下载 // response.setContentType("text/html;charset=UTF-8"); response.setContentType("application/json;charset=UTF-8"); String FileName = request.getParameter("filename"); String FileData = request.getParameter("filedata"); System.out.println(FileName+"**************"+FileData); if (null == FileData || FileData.length() < 50) { j.setMsg("上传失败,数据太短或不存"); j.setSuccess(false); } else { // 去除开头不合理的数据 FileData = FileData.substring(30); FileData = URLDecoder.decode(FileData, "UTF-8"); System.out.println("FileData="+FileData); byte[] data = FileUtil.decode(FileData); /*if (null == FileName || FileName.length() < 1) { FileName = System.currentTimeMillis() + ".jpg"; }*/ // 写入到文件 FileOutputStream outputStream = new FileOutputStream(new File(PathFile,FileName)); outputStream.write(data); outputStream.flush(); outputStream.close(); System.out.println(FileName+"**************"+FileData); j.setMsg("上传成功"); j.setSuccess(true); } } catch (Exception err) { j.setMsg("上传失败"); j.setSuccess(false); err.printStackTrace(); } writeJson(j); }
以上就是详解微信小程序官方人脸核身认证的详细内容,更多关于微信小程序官方人脸核身认证的资料请关注猪先飞其它相关文章!
相关文章
- 这篇文章主要介绍了微信小程序 页面传值详解的相关资料,需要的朋友可以参考下...2017-03-13
- 这篇文章主要介绍了uniapp微信小程序:key失效的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-01-20
- 本文实例讲述了PHP常用的小程序代码段。分享给大家供大家参考,具体如下:1.计算两个时间的相差几天$startdate=strtotime("2009-12-09");$enddate=strtotime("2009-12-05");上面的php时间日期函数strtotime已经把字符串...2015-11-24
- 这篇文章主要为大家详细介绍了微信小程序自定义tabbar组件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-03-14
- 这篇文章主要介绍了微信小程序 二维码生成工具 weapp-qrcode详解,教大家如何在项目中引入weapp-qrcode.js文件,通过实例代码给大家介绍的非常详细,需要的朋友可以参考下...2021-10-23
- 这篇文章主要介绍了微信小程序 网络请求(GET请求)详解的相关资料,需要的朋友可以参考下...2016-11-22
- 这篇文章主要给大家介绍了关于微信小程序如何获取图片宽度与高度的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-03-10
- 这篇文章主要介绍了Python爬取微信小程序通用方法代码实例详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-09-29
- 这篇文章主要介绍了微信小程序(应用号)开发新闻客户端实例的相关资料,需要的朋友可以参考下...2016-10-25
- 这篇文章主要介绍了微信小程序手势操作之单触摸点与多触摸点的相关资料,需要的朋友可以参考下...2017-03-13
- 这篇文章主要介绍了微信小程序 页面跳转传递值几种方法详解的相关资料,需要的朋友可以参考下...2017-01-16
- 这篇文章主要为大家详细介绍了微信小程序实现canvas分享朋友圈海报,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-21
- 本文主要介绍了手把手教你uniapp和小程序分包,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-02
- 这篇文章主要为大家详细介绍了微信小程序实现点击导航条切换页面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-11-19
- 微信小程序目前的火热程度相信不用多言,最近利用空余时间用小程序实现了个动态的登录页效果,所以下面这篇文章主要给大家介绍了利用微信小程序实现登录页云层漂浮动画效果的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。...2017-05-09
- 这篇文章主要为大家详细介绍了微信小程序实现选择地址省市区三级联动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-21
- 这篇文章主要介绍了uniapp,微信小程序中使用 MQTT的问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-07-11
- 这篇文章主要介绍了微信小程序自定义底部弹出框动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-11-16
- 这篇文章主要介绍了微信小程序 富文本转文本实例详解的相关资料,需要的朋友可以参考下...2016-10-25
- 这篇文章主要介绍了微信小程序封装http访问网络库实例代码的相关资料,需要的朋友可以参考下...2017-05-27