小程序加入人脸识别_微信小程序 人脸识别登陆模块

微信小程序---人脸识别登陆的实现

关键词：微信小程序 人脸识别 百度云接口

前言

这是一篇关于一个原创微信小程序开发过程的原创文章。涉及到的核心技术是微信小程序开发方法和百度云人脸识别接口。小程序的主体是一个用于个人密码存储的密码管理器，在登陆注册阶段，需要调用百度云人脸识别接口以及百度云在线人脸库的管理接口。本文主要涉及登陆注册模块的实现，而且不需要PHP后台代码，完全在线调用接口实现，希望后来的你能有所收获！【自己玩玩可以，如果要实际生产使用，慎重！！！】

注：之前存在的1.移动端无法使用(请打开手机调试功能，具体操作在文末)；2.注册和登录需要多次尝试才能成功；3.小问题报错 问题，均已解决，目前可以正常使用。(这里要感谢@lllsp童鞋发现问题，并提出解决方法)

步骤

步骤

涉及接口(百度云)

拍摄或者相册选择 并 上传比对样本照片到 人脸库

人脸库管理接口(main:人脸注册)

拍摄照片并上传，云服务器在线比对 人脸库照片与上传图片的相似度

人脸识别接口

获取返回结果(相似度)

人脸识别接口

开发过程

1.拍摄人脸图片上传至人脸库---注册

准备工作：需要在百度云注册(或者直接用百度云盘app扫码登陆)，并创建人脸识别的应用。(完全免费)

具体如下：

注册完成后(或者直接扫码登陆)，进入管理控制台->产品服务->人工智能->人脸识别->创建应用->填写必要信息->立即创建

至此，我们已经创建好了人脸识别的应用。接下来，进入应用列表，找到我们才新建的应用，查看人脸库，我们需要创建用户组(用来集中管理小程序的用户人脸照片)

新建组(id不要太复杂，后面还要用的。)

至此，我们已经完成了在云上的所有必要操作。下面，我们在小程序中，拍照上传即可。

拍照上传

需要在pages中新建一个目录，用来承载我们的登陆注册模块。就假定为 camera{camera.js camera.wxml camera.wxss camera.json}

主要文件自然是 *.wxml 和 *.js 了。

camera.wxml

1

2

4 flash="off"

5 binderror="error"

6 style="width: 100%; height: 400px;"

7 >

8

9

10

12 open-type="getUserInfo"

13 bindgetuserinfo="bindGetUserInfo"