vue+springboot使用百度Ai人脸技术接口实现人脸识别登录
vue+springboot使用百度Ai人脸技术接口实现人脸识别登录
·
前言
写着玩的
一、先注册百度Ai创建实列
1.进入官网
2.找到产品选择人脸识别
3.进入页面点击立即使用
4.创建实列得到API接口密钥 AppID API Key Secret Key
写后端的时候需要使用这个才能调用接口
到这里准备工作就差不多完成了
二、前端效果图
1、通过调用本地摄像头进行拍照
2、上传到后端 然后提交到百度AI人脸库
3.上传登录照片给后端进行验证
1.登录页面
2.登录后先注册一下人脸照片3.上传成功后我们回到后台然后点击人脸验证登录进入这个页面,点击登录后 我们的后端会拿这个照片与上传到百度Ai中的人脸库进行对比
4.人脸验证成功后自动进入后台页面
二、后端
1、接收前端带来的图片上传百度Ai人脸库
2 实现接收前端传过来的图片与人脸库的照片进行对比
1.具体解释咱看官方技术文档
只需要用到这几个就好了
- 在pom.xml导包maven包
<dependency>
<groupId>com.baidu.aip</groupId>
<artifactId>java-sdk</artifactId>
<version>4.16.7</version>
</dependency>
2.根据官方文档先创建AipFace
注意下面这几个数据要和你创建的应用实列里头对应
public class Sample {
//设置APPID/AK/SK
public static final String APP_ID = "你的 App ID";
public static final String API_KEY = "你的 Api Key";
public static final String SECRET_KEY = "你的 Secret Key";
public static void main(String[] args) {
// 初始化一个AipFace
AipFace client = new AipFace(APP_ID, API_KEY, SECRET_KEY);
// 可选:设置网络连接参数
client.setConnectionTimeoutInMillis(2000);
client.setSocketTimeoutInMillis(60000);
// 可选:设置代理服务器地址, http和socket二选一,或者均不设置
client.setHttpProxy("proxy_host", proxy_port); // 设置http代理
client.setSocketProxy("proxy_host", proxy_port); // 设置socket代理
// 调用接口
String image = "取决于image_type参数,传入BASE64字符串或URL字符串或FACE_TOKEN字符串";
String imageType = "BASE64";
// 人脸检测
JSONObject res = client.detect(image, imageType, options);
System.out.println(res.toString(2));
}
}
然后后面就是复制官方文档提供的接口使用实列代码改改就好了
总结
前端源码:https://gitee.com/lflbright/werk-vue.git
后端源码:https://gitee.com/lflbright/werk.git
更多推荐
已为社区贡献2条内容
所有评论(0)