微信小程序中实现人脸识别认证

二、开始开发 1、小程序客户端 由于笔者希望在小程序的web-view组件的H5页面中调用小程序页面的人脸识别功能，故单独新建了一个页面wxfacialverify，在js的onLoad方法中接收H5传过来的参数，然后调用人脸识别接口。wxfacialverify.js代码如下：

Page({
          
   
  data: {
          
   
    faceCheckData:{
          
   },
  },
  onLoad: function (options) {
          
   
    var that = this;
    //页面加载调取人脸识别接口（原则上应该对options的携带的参数进行校验）
    that.facialRecognitionVerify(options);
  },
facialRecognitionVerify: function (faceCheckData) {
          
   
    wx.startFacialRecognitionVerify({
          
   
      name: faceCheckData.name,//姓名
      idCardNumber: faceCheckData.idCardNumber, //身份证号
      //人脸识别成功回调通知
      success (res) {
          
   
        var verifyResult = res.verifyResult;
        wx.request({
          
   
				  url: /faceCheck/faceCheck.htm?action=faceIdentifyCheck, 
				  data: {
          
   name:faceCheckData.name,idCardNumber:faceCheckData.idCardNumber,
				  verifyResult :verifyResult
				   },
				  header: {
          
   
				    content-type: application/json 
				  },
				  success (res) {
          
   
				    console.log(res.data)
				  }
				})
      },
      //人脸识别失败的回调通知
      fail: function (res) {
          
   
          wx.showModal({
          
   
            title: 提示,
            showCancel: false,
            content: "人脸识别失败！" + res.errCode+","+res.errMsg,
            success: function (res) {
          
   
              if (res.confirm) {
          
   
                wx.navigateBack();
              }
            }
          });
      }
    });
  },
  })

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>

js代码如下：
  onLoad: function (options) {
          
   
    var that = this;
    //页面加载调取人脸识别接口（原则上应该对options的携带的参数进行校验）
    //that.facialRecognitionVerify(options);
    that.setData({
          
   faceCheckData:options});
  },
 facialRecognitionVerify: function () {
          
   
    wx.startFacialRecognitionVerify({
          
   
      name: this.data.faceCheckData.name,//姓名
      idCardNumber: this.data.faceCheckData.idCardNumber, //身份证号
      ......//后面的代码与之前的类似，故省略
    });
  },
  ......//后面的代码与之前的类似，故省略