最近我完成了一个开源项目。在实现了GitHub登录后，为了增加一些新鲜感，我决定加入人脸识别登录功能。经过一周的努力，终于抽出时间来实现这个功能。
源码链接请见文末。
其实最近对写作有些抵触，感觉写的东西没有人关注，心里难免有些失落。然而，同行大佬的鼓励让我重新找回了信心。我调整了心态，只要我的分享能对大家有所帮助，至于阅读人数则随缘吧！
言归正传，先来看一下人脸识别的动态效果，虽然马赛克稍微重了一点，但我也无能为力，毕竟外貌不算出众。
实现原理
我们来看看实现人脸识别登录的基本流程，主要分为三个步骤：
首先，前端登录页面打开摄像头，进行人脸识别，需注意的是：仅识别画面中是否有人脸。
一旦识别到人脸，系统会拍照并上传当前画面的图片。
然后，后端接收图片并调用人脸库的SDK进行比对，若匹配成功则登录成功，并将人像信息注册到人脸库和本地MySQL数据库中。
前端实现
如前所述，前端需要识别出人脸，因此我使用了 tRacking.js，这是一款轻量级的前端人脸识别框架。
在前端的Vue代码中，逻辑相对简单。当tRacking.js打开摄像头识别到人脸后，会拍照并上传图片信息到后台，随后等待图片比对的结果。
虽然项目是前后端分离的，但为了方便大家学习，我将人脸识别页面整合到了后端项目中。
最后，运行FiReContRolleRapplication，访问地址：http://localhost:8082/fACE即可。
