uniapp调用微信小程序人脸识别步骤

template

<uni-card class="login-card" :is-shadow="true"><uni-easyinput class="user-input readonly-style-ignore disabled-style-ignore" type="text" v-model="username" placeholder="请输入姓名"></uni-easyinput><uni-easyinput class="pass-input marBottom" type="text" v-model="identityNum"placeholder="请输入身份证号"></uni-easyinput><uni-easyinput class="pass-input" type="text" v-model="mobile"placeholder="请输入手机号"></uni-easyinput><view class="login-btn" @tap="faceLogin">开始人脸识别验证</view></uni-card>

script

    data() {return {  username: "",//用户姓名mobile: "",//手机号identityNum:"",//身份证号码}},methods: {faceLogin() {let reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;let regPhone = /^1[3456789]\d{9}$/;const self = thisif (self.username.length === 0) {return self.$common.msg('请您输入姓名');}if (self.identityNum.length === 0) {return self.$common.msg('请您输入身份证号码');}else if(!reg.test(self.identityNum)){return self.$common.msg('请您输入正确的身份证号码');}if (self.mobile.length === 0) {return self.$common.msg('请您输入手机号码');}else if(regPhone.test(!self.mobile)){return self.$common.msg('请您输入正确的手机号码');}if (!self.isChecked){return self.$common.msg('请认真阅读《用户协议》以及《隐私协议》');}wx.startFacialRecognitionVerify({//小程序获取验证结果name:self.username,//用户名称idCardNumber:self.identityNum,//身份证号码success(res){if(res.errMsg == 'startFacialRecognitionVerify:ok'){self.key = res.verifyResult;console.log(res,'人脸识别结果：success');uni.removeStorageSync('token');uni.removeStorageSync('userInfo');self.$common.login({url: '/app/sys/naturalLogin',data: {  username: self.username,//用户姓名mobile: self.mobile,//手机号identityNum: self.identityNum,//身份证号码key: res.verifyResult //小程序验证码},success(data) {console.log(data,'登录信息888',self.key);if (data.code === 200) {// 存储返回的tokenuni.setStorageSync('token', data.data.token);uni.setStorageSync('userInfo', data.data.userInfo);//跳转首页setTimeout(() => {uni.reLaunch({url: '/pagesC/index/index'})}, 500)} else {return self.$common.msg(data.message);}}})}},fail(res){console.log(res,'人脸识别结果：fail')}})}}

干货

uniapp调用微信小程序人脸识别步骤相关推荐

小程序加入人脸识别_微信小程序人脸识别登陆模块
微信小程序---人脸识别登陆的实现关键词:微信小程序人脸识别百度云接口前言这是一篇关于一个原创微信小程序开发过程的原创文章.涉及到的核心技术是微信小程序开发方法和百度云人脸识别接口.小程序的 ...
[小记] 微信小程序 - 人脸识别前端（一）初体验
微信小程序 - 人脸识别前端(一)初体验记录尝试使用拍照模式进行人脸比对的过程-此方式有一定缺陷:调用系统摄像头,会保留照片于系统相册等功能:人脸识别 + 打卡签到说明:前端仅做拍照和转码操作等 ...
微信小程序 - 人脸识别前端（二）拍照方式优化
微信小程序 - 人脸识别前端(二)拍照方式优化前文提及的识别方式较 low ,另外会留下识别痕迹,此处使用 <camera>组件进行优化. 前文地址:前文参考文章:zhoujie-人脸 ...
微信小程序人脸识别/采集改进版-支持人脸中心位置校验，人脸图片采集（速度更快），人脸搜索
目录 1. 微信小程序人脸识别 1. 初始化人脸识别 2. 创建 camera 上下文 CameraContext 对象 3.获取 Camera 实时帧数据 4.人脸识别,使用前需要通过 wx.ini ...
小程序加入人脸识别_微信小程序+人脸识别
为什么在原有的基础上增加人脸识别呢,因为我也厌倦了账号+密码的登录方式,所以想试一试在原有的功能上采用人脸识别登录. 识别过程借助于百度AI,服务器依旧是 SSM 框架.废话少说下面直接进入主题服务 ...
人工智能微信小程序人脸识别之人脸属性检测（附源码）
随着人工智能和大数据分析技术越来越广泛,众多的生活场景都存在着这些技术的身影,比如像现在比较流行的人脸识别技术,其底层的算法实现的支撑,为众多的业务场景铺垫了基础,像支付宝的刷脸支付,本文是百度的人脸 ...
微信小程序-人脸识别+输出人脸匹配信息
1.在微信小程序创建 camera页面 camera.wxml代码为: <camera device-position="{{show}}" flash="off& ...
微信小程序---人脸识别（WX.STARTFACIALRECOGNITIONVERIFY）
1.由于人脸核验功能涉及到用户的敏感.隐私信息,因此调用此接口的业务方,需要满足一定的条件,申请小程序的人脸识别api.开通小程序后台的接口权限入口后,开发者可以登录mp.weixin.qq.com小 ...
微信小程序人脸识别的实现
首先我们创建一个前台的页面设计  <camera device-position="{{device}}&qu ...
微信小程序—人脸识别
1.首先你要有一个可以就行人脸识别的服务器,然后就是上传到百度云,百度云人脸识别的API接口全面升级到V3版本,并进行开放测试 2.wxml代码 <camera device-position= ...

uniapp调用微信小程序人脸识别步骤

uniapp调用微信小程序人脸识别步骤相关推荐

最新文章

热门文章