zoukankan      html  css  js  c++  java
  • 微信小程序官方人脸核身认证

    今天本来自己做的小程序收集了下用户个人信息上传被打回来说:

    1: 你好,小程序页面功能涉及:采集用户生物特征(人脸照片或视频)及其他敏感信息,用于身份认识或识别,

        为保障用户敏感隐私身份信息,平台暂不支持此功能。请去除相关功能后重新提交。

    然后就去找度娘搜了下需要申请

     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
      1 data: {
      2     openid: '',
      3     custName: '姓名',
      4     custIdCard: '身份证号码',
      5     verifyImg: ''
      6   },
      7   /**
      8    * 生命周期函数--监听页面加载
      9    */
     10   onLoad: function (options) {
     11     this.setData({
     12       custName: options.custName,
     13       custIdCard: options.custIdCard
     14     });
     15     var _this = this;
     16     wx.checkIsSupportFacialRecognition({
     17       checkAliveType: 2,
     18       success: function (res) {
     19         if (res.errCode === 0 || res.errMsg === "checkIsSupportFacialRecognition:ok") {
     20           //调用人脸识别
     21           _this.startface(_this.data.custName.replace(/(^s*)|(s*)$/g, ""), _this.data.custIdCard); //身份证名称,身份证号码
     22           return;
     23         }
     24         wx.showToast('微信版本过低,暂时无法使用此功能,请升级微信最新版本')
     25       },
     26       fail: function(res){
     27         wx.showToast('微信版本过低,暂时无法使用此功能,请升级微信最新版本')
     28       }
     29 
     30     })
     31   },
     32   startface(name, idcard) {
     33     console.log('我进来了!!!');
     34     var _this = this;
     35     wx.startFacialRecognitionVerify({
     36       name: _this.data.custName, //身份证名称
     37       idCardNumber: _this.data.custIdCard, //身份证号码
     38       success: function (res) {
     39         var verifyResult = res.verifyResult; //认证结果
     40         //调用接口
     41 
     42 
     43         wx.request({
     44           url: 'https://api.weixin.qq.com/cgi-bin/token?appid=wx2cafec51ec4c2153&secret=8d3e68a5a2c702673340d72d1c7db4cc&grant_type=client_credential',
     45           data: {
     46 
     47           },
     48           method: 'POST',
     49           header: {
     50             'content-type': 'application/json;charset=utf-8'
     51           },
     52           success: function (res) {
     53             console.log(res.data);
     54             console.log(res.data.access_token)
     55             var token = res.data.access_token;
     56             wx.request({
     57               url: 'https://api.weixin.qq.com/cityservice/face/identify/getinfo?access_token=' + res.data.access_token,
     58               data: {
     59                 verify_result: verifyResult
     60               },
     61               method: 'POST',
     62               header: {
     63                 'content-type': 'application/json;charset=utf-8'
     64               },
     65               success: function (res) {
     66                 console.log(res.data)
     67                 console.log('我终于成功了。。。。')
     68                 wx.request({
     69                   url: 'https://api.weixin.qq.com/cityservice/face/identify/getimage?access_token=' + token,
     70                   data: {
     71                     verify_result: verifyResult
     72                   },
     73                   method: 'POST',
     74                   responseType: 'arraybuffer',
     75                   header: {
     76                     'content-type': 'application/json;charset=utf-8',
     77                   },
     78                   success: (res) => {
     79                     // console.log('data:image/png;base64,'+wx.arrayBufferToBases64(res))
     80                   
     81                     console.log(res.data);
     82                     var base64 = wx.arrayBufferToBase64(res.data);
     83                     _this.setData({ verifyImg:'data:image/png;base64,'+ base64})
     84                     wx.navigateTo({
     85                       url: '../msg/msg?msg=恭喜您信息核验成功&verifyImg=' + _this.data.verifyImg
     86                     });
     87                   },
     88                   fail: function (res) {
     89                     console.log('失败', res.data)
     90                   }
     91                 })
     92 
     93               },
     94               fail: function (res) {
     95 
     96               }
     97             })
     98           },
     99           fail: function (res) {
    100 
    101           }
    102         })
    103 
    104 
    105 
    106         console.log(verifyResult)
    107         // wx.navigateTo({
    108         //   url: '../msg/msg?msg=人脸核身认证成功'
    109         // });
    110       },
    111       checkAliveType: 2, //屏幕闪烁(人脸核验的交互方式,默认0,读数字)
    112       fail: err => {
    113         wx.showToast('请保持光线充足,面部正对手机,且无遮挡')
    114         wx.navigateTo({
    115           url: '../msg/msg?msg=请保持光线充足,面部正对手机,且无遮挡,请退出重新操作'
    116         });
    117       }
    118     })
    119   }
    View Code

    主要坑的是这样下来得申请好几次接口到最后业务还需要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);
        }

     另外说一句一定要保持程序员优良的美德,啊啊啊程序源码开源一定的小程序是真的坑。

  • 相关阅读:
    WINDOWS操作系统各种版本(转)
    等待的日子
    多媒体大赛决赛纪事
    如何使用nero刻录数据光盘(转)
    无法显示隐藏文件的方法
    2007年教育技术学专业硕士点招生简章
    教育学专业基础综合推荐教材
    .NET 的发展与变迁
    Windows XP SP3与Vista SP1,谁更强?
    2007年教育学专业基础综合考试大纲
  • 原文地址:https://www.cnblogs.com/wolf-shuai/p/13265122.html
Copyright © 2011-2022 走看看