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.具体解释咱看官方技术文档

只需要用到这几个就好了

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