当前位置:   article > 正文

网页版人脸登录 ,基于Springboot+vue2.X+mysql+人脸识别

人脸登录


在这里插入图片描述

在这里插入图片描述

一、PC端人脸识别
1. 项目介绍:

FACE-UI 基于前后端分离Web端项目,主要实现了网页版的人脸登录,通过调取前端摄像头拍照,传入后台进行跟数据库人脸库的相似度比对,技术的用点:Springboot,Mysql,JWT,VUE 2.X 等等技术实现,主要功能点:人脸列表CRUD,日志列表CRUD,基于自建人脸库通过base64编码方式存储人脸图片,通过调用腾讯云人脸对比API场景实现,人脸登录,网页版人脸登录,Web端人脸登录

2. 项目开原地址

前端项目地址:https://gitee.com/susantyp/face-ui
后端项目地址:https://gitee.com/susantyp/face-easy

二、腾讯云人脸识别

腾讯云如何获取secretId和secretKey,以及开通人脸服务

2.1. 登录腾讯云

https://console.cloud.tencent.com/

2.2. 开通人脸识别

人脸服务开通
不要钱,不要钱,不要钱 重要的事情说三篇
开通人脸服务后,腾讯每个月赠送10000次调用机会

在这里插入图片描述

搜索人脸识别,点击服务概览
在这里插入图片描述
点击开通
在这里插入图片描述

2.3. 获取secretId和secretKey

点击访问管理
在这里插入图片描述

在这里插入图片描述
复制secretId和secretKey到剪切板中,等会用

三、后端项目部署

下载依赖略

3.1. 克隆项目
git clone https://gitee.com/susantyp/face-easy.git
  • 1
3.2. 创建数据库

在这里插入图片描述
在这里插入图片描述

3.3. 调整项目配置
  • 调整数据库配置
    在这里插入图片描述
  • 调整人脸识别配置
    将刚才的secretId和secretKey复制到配置文件中
    在这里插入图片描述
四、前端项目部署
4.1. 克隆项目
git clone https://gitee.com/susantyp/face-ui.git
  • 1
4.2. 下载依赖
cd face-ui
npm install
  • 1
  • 2
4.3. 项目运行
npm run serve
  • 1
五、前后端项目调试
5.1. 登录

在这里插入图片描述

5.2. 首页

在这里插入图片描述

5.3. 人脸管理

在这里插入图片描述

六、改进意见
  1. 目前项目支持简单地网页端人脸识别登录效果,如果想实现人脸登陆可以借鉴效果
  2. 人脸登录目前可以使用照片登录,后期建议静态活体检测+活体检测
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/701500
推荐阅读
相关标签
  

闽ICP备14008679号