微信小程序实现人脸识别(从一个没有开通人脸核身的小程序跳转到要给开通人脸核身的小程序,进行人脸识别后再跳转回来)

A小程序没有开通人脸识别功能,B小程序开通了人脸识别。

总体思路是:从A小程序需要进行人脸识别的地方携带参数跳转到B小程序进行人脸识别,识别后把参数传递回来。

A小程序的参考代码如下:

//人脸识别相关 start 
powerDrawerFace(e){
    var that = this
    that.setData({
        faceOfReservation: e.currentTarget.dataset.id
    })
    // console.log(that.data.faceOfReservation.personName+","+that.data.faceOfReservation.personIdCard)
    that.navigateToTargetMiniProgram(that.data.faceOfReservation.personName,that.data.faceOfReservation.personIdCard);
},
//携带参数跳到B小程序
navigateToTargetMiniProgram(name,idCardNumber) {
    wx.navigateToMiniProgram({
        appId: 'B小程序的appId',
        path: 'pages/index/index?name='+name+'&idCardNumber='+idCardNumber,
        extraData: {
            foo: 'bar'
        },
        envVersion: 'develop',//B小程序的开发版本 正式版本注释即可。
        success(res) {
            // 跳转成功的回调函数
        },
        fail(res) {
            // 跳转失败的回调函数
        }
    });
},
//监听B小程序返回时携带的参数并进行逻辑判断。
onShow() {
    var that=this;
    wx.onAppShow(res=>{
        console.log(res)
        var extraData=res.referrerInfo.extraData;
        if(extraData!=null){
            var params={}
            if(extraData.foo.errCode==0){
                console.log(that.data.faceOfReservation.id)
                params = {
                    id: that.data.faceOfReservation.id,
                    faceRecogFlag: 1,
                }
            }else{
                params = {
                    id: that.data.faceOfReservation.id,
                    faceRecogFlag: -1,
                }
            }
            console.log(params)
            //进行A小程序后端代码的修改
            reservableUpdate(params).then(res => {
                if(res.data.success){
                    // wx.reLaunch({
                    //     url: '/pages/myBooking/myBooking',
                    // })
                    this.getReservationOrderList()
                }
            })
        }
        
    })
},
//人脸识别相关 end

B小程序的代码参考如下:

    //人脸识别相关 start
    onLoad: function (options) {
        // options 参数包含了跳转时携带的参数
        this.facialRecognitionVerify(options.name,options.idCardNumber);
        // if(options!=null){
        //     var name = options.name;
        //     var idCardNumber = options.idCardNumber;
        //     if(name!=null&&idCardNumber!=null){
        //         this.facialRecognitionVerify(name,idCardNumber);
        //     }
        //     this.setData({
        //         name: name,
        //         idCardNumber: idCardNumber
        //     })
            
        // }
    },
    //启动人脸识别操作
    facialRecognitionVerify(name,idCardNumber) {
        // if(name==null||idCardNumber==null){
        //     if(this.data.name!=null&&this.data.idCardNumber!=null){
        //         name=this.data.name;
        //         idCardNumber=this.data.idCardNumber;
        //     }else{
        //         this.faceRecognitionComplete("姓名和身份证不能为空")
        //         return;
        //     }
        // }
        let  that = this;
        wx.startFacialRecognitionVerify({
            name: name,
            idCardNumber: idCardNumber,
            checkAliveType: 2,
            //人脸识别成功回调通知
            success(res) {
                that.faceRecognitionComplete(res)
                //后端校验(最好是加)
                // var verifyResult = res.verifyResult;
                // wx.request({
                // 		  url: '/faceCheck/faceCheck.htm?action=faceIdentifyCheck', 
                // 		  data: {'name':name,'idCardNumber':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();
                            that.faceRecognitionComplete(res)
                        }
                    }
                });
            },
        });
    },
    //携带参数返回原先的小程序 
    faceRecognitionComplete(result) {
        console.log(result)
        wx.navigateBackMiniProgram({
            extraData: {
                foo: result  //注意跳转回来,需要用foo字段。
            },
            success(res) {
              // 返回成功
              console.log(res)
            }
          })
    }
    //----end
相关推荐
鱼钓猫的小鱼干3 分钟前
table 表格转成 excell 导出
前端·vue·excel
一只搬砖的猹5 分钟前
cJson系列——常用cJson库函数
linux·前端·javascript·python·物联网·mysql·json
懒羊羊我小弟24 分钟前
包管理工具npm、yarn、pnpm、cnpm详解
前端·npm·node.js·yarn·cnpm
ppo_wu28 分钟前
更改 pnpm 的全局存储位置
前端·vue
"追风者"39 分钟前
前端(八)js介绍(1)
前端·javascript
博客zhu虎康1 小时前
用 ElementUI 的日历组件 Calendar 自定义渲染
前端·javascript·elementui
叶浩成5201 小时前
elementUI——upload限制图片或者文件只能上传一个——公开版
前端·javascript·elementui
yqcoder1 小时前
同源策略详解
xml·前端·javascript
rkmhr_sef1 小时前
Web API基本认知
前端
清风路遥1 小时前
【婚庆摄影小程序设计与实现】
微信小程序·毕业设计·springboot·课程设计