微信小程序实现人脸识别登陆的示例代码

来源：动视网责编：小采时间：2020-11-27 21:59:16

微信小程序实现人脸识别登陆的示例代码

微信小程序实现人脸识别登陆的示例代码:前言这是一篇关于一个原创微信小程序开发过程的原创文章。涉及到的核心技术是微信小程序开发方法和百度云人脸识别接口。小程序的主体是一个用于个人密码存储的密码管理器，在登陆注册阶段，需要调用百度云人脸识别接口以及百度云在线人脸库的管理接口。本文

推荐度：

点击下载本文 文档为doc格式

导读微信小程序实现人脸识别登陆的示例代码:前言这是一篇关于一个原创微信小程序开发过程的原创文章。涉及到的核心技术是微信小程序开发方法和百度云人脸识别接口。小程序的主体是一个用于个人密码存储的密码管理器，在登陆注册阶段，需要调用百度云人脸识别接口以及百度云在线人脸库的管理接口。本文

另外，要开启微信小程序 IDE 的不校验合法域名的选项（设置->项目设置 -> 勾选不校验......）

至此，注册就完成了（即获取用户昵称、拍照、上传人脸库注册。）

2.拍照上传在线人脸识别---登陆

找到指定用户组中与上传照片最相似的人脸并返回，比对结果。

我们仍然需要再建立一个页面来承载我们的登陆相关操作。就假定为 camera2{camera2.js camera2.wxml camera2.wxss camera2.json}

camera2.wxml

<!-- camera.wxml -->
<camera
 device-position="front"
 flash="off"
 binderror="error"
 style="width: 100%; height: 300px;"
></camera>
<button type="primary" bindtap="takePhoto">拍照</button>
<view>预览</view>
<image mode="widthFix" src="{{src}}"></image>

camera2.js 与注册大同小异，区别是图片上传的接口不同（这次是 https://aip.baidubce.com/rest/2.0/face/v3/search 人脸搜素），获取access_token、拍照、照片base64编码都相同。

// camera.js
Page({
 data: {
 base64: "",
 token: "",
 msg: null
 },
 //拍照并编码
 takePhoto() {
 //拍照
 const ctx = wx.createCameraContext()
 ctx.takePhoto({
 quality: 'high',
 success: (res) => {
 this.setData({
 src: res.tempImagePath
 })
 }
 })

 var that = this;
 //图片base64编码
 wx.getFileSystemManager().readFile({
 filePath: this.data.src, //选择图片返回的相对路径
 encoding: 'base64', //编码格式
 success: res => { //成功的回调
 that.setData({
 base64: res.data
 })
 }
 })

 //acess_token获取
 wx.request({
 url: 'https://aip.baidubce.com/oauth/2.0/token', //真实的接口地址
 data: {
 grant_type: 'client_credentials',
 client_id: '**************************',
 client_secret: '*******************************'//用自己的
 },
 header: {
 'Content-Type': 'application/json' // 默认值
 },
 success(res) {
 that.setData({
 token: res.data.access_token//获取到token
 })
 }
 })

 //上传人脸进行 比对
 wx.request({
 url: 'https://aip.baidubce.com/rest/2.0/face/v3/search?access_token=' + that.data.token,
 method: 'POST',
 data: {
 image: this.data.base64,
 image_type: 'BASE64',
 group_id_list: '********'//自己建的用户组id
 },
 header: {
 'Content-Type': 'application/json' // 默认值
 },
 success(res) {
 that.setData({
 msg: res.data.result.user_list[0].score
 })
 if(that.data.msg > 80){
 wx.showToast({
 title: '验证通过',
 icon: 'success',
 duration: 1000
 })
 //验证通过，跳转至UI页面
 wx.switchTab({
 url: '../UI/ui',
 })
 }
 }
 });

 wx.showToast({
 title: '请重试',
 icon: 'loading',
 duration: 500
 })
 },
 error(e) {
 console.log(e.detail)
 }
})

至此，我们的登陆也搞定了。

注意：上述的登陆注册是一个某个小程序的一个模块。关系如下