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

这篇具有很好参考价值的文章主要介绍了微信小程序实现人脸识别(从一个没有开通人脸核身的小程序跳转到要给开通人脸核身的小程序,进行人脸识别后再跳转回来)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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小程序的代码参考如下:文章来源地址https://www.toymoban.com/news/detail-641948.html

    //人脸识别相关 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

到了这里,关于微信小程序实现人脸识别(从一个没有开通人脸核身的小程序跳转到要给开通人脸核身的小程序,进行人脸识别后再跳转回来)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【微信小程序系列:二】小程序常用功能:跳转地图、扫一扫、人脸识别、拍照、拨打电话、调整屏幕亮度、文字可复制、监听截屏...

    (~ ̄▽ ̄)~,hello,微信小程序系列第二篇,介绍下小程序里的 前端常用功能api ,可以快速copy使用~ 小程序页面里的文字默认是没有长按复制功能的,需要套个标签来实现:跳转官方文档 点击按钮,直接复制文本,直接调用微信方法: 有时显示一些地址需要在地图显示,

    2023年04月09日
    浏览(77)
  • 微信小程序怎么开通支付功能?

    对于一些想通过小程序卖货的企业商家来说,在申请小程序后需要同时开通微信支付功能,才能在小程序上进行交易。那么关于微信小程序怎么开通支付功能,下面给大家说一说。 一、注册非个人主体的小程序账号 不管你是通过公众号后台快速注册还是微信公众平台官网直

    2024年02月12日
    浏览(42)
  • 微信小程序|使用小程序制作一个世界杯球员识别工具

    四年一次的世界杯正在卡塔尔进行着,不同的社交圈也在疯狂的刷着世界杯的动态,来自全球各地的三十二支队伍的球员是否让你看的眼花缭乱呢? 当朋友跟你聊起昨晚那场比赛

    2024年01月16日
    浏览(42)
  • uniapp+vue3+ts--编写微信小程序对接e签宝签署时跳转刷脸效果(人脸识别)中间页代码

    e签宝内嵌H5方式集成签署页的文档说明:https://open.esign.cn/doc/opendoc/case3/ahb0sg 签署时跳转刷脸效果示意图: 1. 在文件夹新建一个文件,路径为pages/middle/index,并在pages.json中注册。【ps这个路径要跟e签宝后台定义的中间页路径一致】 2.通过上面文档步骤进行相关代码编写,下面

    2024年01月25日
    浏览(58)
  • 微信小程序激励广告接入指南:流量主开通与广告位设置

    本文详细介绍了如何在微信小程序中开通流量主并插入激励广告的具体步骤。从累计访问数要求到广告位创建,再到代码实现,一步步教您如何提高收益。

    2024年02月14日
    浏览(82)
  • 微信小程序支付有云闪付支付选项,如何关闭或开通

    场景:微信小程序支付时,支付选项出现云闪付支付,如下图所示: 原因:商户开启了云闪付的支付配置。 解决:登录微信商户平台(地址:微信支付 - 中国领先的第三方支付平台 | 微信支付提供安全快捷的支付方式 (qq.com)),点击产品中心-开发配置 需要注意的是: 用超

    2024年02月11日
    浏览(348)
  • 微信小程序实现OCR扫描识别

    在小程序还发过程中,经常会遇到对证件(身份证、驾驶证、营业执照)的扫描识别认证功能;这里我根据自己的经历借鉴总结一下相关的方法; 1、添加第三方插件 第一步需要在微信小程序后台添加第三方插件, 设置-第三方设置-插件管理 ,输入**ocr支持**搜索添加就可以

    2023年04月26日
    浏览(22)
  • 微信小程序实现身份证识别-ocr

        项目中有一个识别身份证的需求,经过调研,最后决定使用微信小程序ocr插件进行开发。 一:首先登录小程序公众平台。 1:进入设置 第三方设置。   2:添加ocr插件。 3:添加完后,需要领取免费额度,100次/天。  https://fuwu.weixin.qq.com/service/detail/000ce4cec24ca026d37900ed551415  注意

    2024年01月16日
    浏览(70)
  • 使用uniapp开发微信小程序的人脸采集功能/人脸识别功能

    ✅作者简介:大家好我是瓜子三百克,励志成为全栈工程师的一枚程序猿,也是喜欢在学习和开发中记录笔记的小白博主! 📃个人主页:瓜子三百克的主页 🔥系列专栏:uniapp前端 💖如果觉得博主的文章还不错的话,请点赞👍+收藏⭐️+留言📝支持一下博主哦🤞 本篇文章

    2024年02月11日
    浏览(59)
  • 【微信小程序调用百度API实现图像识别功能】----项目实战

    本章主要讲述: 如何更快的上手小程序 如何搭建一个页面以及跳转到另一个页面 如何调用百度API接口实现图像识别技术 如何在微信小程序的后台添加合法域名        私信获取源码,有问题可以关注留言或私信,计算机毕业设计(小程序,网页设计,数据库,php开发等) 目录

    2024年02月09日
    浏览(65)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包