vue+springboot使用百度Ai人脸技术接口实现人脸识别登录

发布时间：2023-03-10 08:00

文章目录

前言
一、先注册百度Ai创建实列
二、前端效果图
二、后端
总结

前言

写着玩的

一、先注册百度Ai创建实列

1.进入官网
$\"vue+springboot使用百度Ai人脸技术接口实现人脸识别登录_第1张图片\"$ 2.找到产品选择人脸识别
$\"vue+springboot使用百度Ai人脸技术接口实现人脸识别登录_第2张图片\"$ 3.进入页面点击立即使用
$\"vue+springboot使用百度Ai人脸技术接口实现人脸识别登录_第3张图片\"$ 4.创建实列得到API接口密钥 AppID API Key Secret Key
写后端的时候需要使用这个才能调用接口
$\"vue+springboot使用百度Ai人脸技术接口实现人脸识别登录_第4张图片\"$ 到这里准备工作就差不多完成了

二、前端效果图

1、通过调用本地摄像头进行拍照
2、上传到后端 然后提交到百度AI人脸库
3.上传登录照片给后端进行验证

1.登录页面
$\"vue+springboot使用百度Ai人脸技术接口实现人脸识别登录_第5张图片\"$ 2.登录后先注册一下人脸照片 $\"vue+springboot使用百度Ai人脸技术接口实现人脸识别登录_第6张图片\"$ 3.上传成功后我们回到后台然后点击人脸验证登录进入这个页面，点击登录后我们的后端会拿这个照片与上传到百度Ai中的人脸库进行对比

$\"vue+springboot使用百度Ai人脸技术接口实现人脸识别登录_第7张图片\"$
4.人脸验证成功后自动进入后台页面
$\"vue+springboot使用百度Ai人脸技术接口实现人脸识别登录_第8张图片\"$

二、后端

1、接收前端带来的图片上传百度Ai人脸库
2 实现接收前端传过来的图片与人脸库的照片进行对比

1.具体解释咱看官方技术文档
$\"vue+springboot使用百度Ai人脸技术接口实现人脸识别登录_第9张图片\"$

只需要用到这几个就好了

在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

vue+springboot使用百度Ai人脸技术接口实现人脸识别登录

文章目录

前言

一、先注册百度Ai创建实列

二、前端效果图

二、后端

总结

相关推荐