uniapp项目添加人脸识别功能，可用作登录，付款，流程审批前的安全校验

已于 2023-08-22 17:15:58 修改
阅读量1.5k 收藏 10
点赞数 2
分类专栏： uniapp移动端 文章标签： uni-app
于 2023-08-22 16:53:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_61876792/article/details/132431018
版权

本案例使用了hbuilder插件商城中的活体检验插件，可自行前往作者处下载查看，

效果图如下

此插件需要在manifest.json中勾选 

 实现流程

1：前往hbuilder插件市场下载插件

2：在页面中导入import face from "@/uni_modules/mcc-face/index.js"

3：使用

 请注意！！！！！！！plus不能在浏览器环境下使用，它必须在手机APP上才能使用，因为它操控的是APP原生功能。

如果是使用浏览器进行开发的话，打完包记得把这个插件给注释掉，要不然会运行失败，当然也可以连接真机运行调试

如果使用过程中遇到什么问题，可以在评论区谈论，谢谢观看

鸭子嘎鹅子呱
关注
  • 2
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于uniapp实现的微信小程序，实名认证、身份证识别、人脸识别前端页面、wx.faceDetect
11-14
基于uniapp实现的微信小程序，实名认证、身份证正反面识别、人脸识别前端页面、活体检测，微信wx.faceDetect，wx.createCameraContext，
uniapp h5 人脸识别 截图
m0_38066007的博客
08-08 296
【代码】uniapp h5 人脸识别 截图。
uniapp使用一键登录(前后端两种实现全过程、附代码)
Jk200165的博客
05-31 847
1.开通uni一键登录、开通服务空间。
UNI-APP，人脸信息采集（人脸识别）功能的实现方案
沧海龙腾LV的博客
08-02 4240
效果图 如图，通过入口进入用户身份认证页面，点击快速验证，进入人脸信息采集页面，人脸比对算法采用的腾讯云的人脸核身接口，具体可参考腾讯云文档。 实现代码入下： a、人脸信息采集需要在nvue中进行，首先需要配置如图两项： b、在uni-app工程目录中/static/image/目录下准备素材图片： facecheck.jpg line.png idphotoskin.png c、在工程中添加两个页面 d、facial-recognition.vue <template> <v
人脸识别-多平台uni-app+vue.js网络图书小说阅读系统hbuilderx自适应-响应式
最新发布
QQ242219979的博客
06-01 303
3）评论书架：可以对感兴趣的小说进行评论，可以回复别人的评论信息，也能够将喜欢的小说加入到自己的书架中，对书架中的小说信息可以进行增加、修改和删除操作（可以为小说进行打分，在打分的同时可以赞和踩）。2）小说查询：可以查询各类小说信息，能够通过小说分类、关键词等进行查询（能够根据特定的网站进入到系统，也可以查看写手上传的文档阅读文档内容）。9）推广推荐：系统会定期推送热门小说、新书推荐等内容给用户，帮助用广发现更多有趣的作品，可以进行增、删、改、查等管理操作。
uniapp人脸监测，uniapp人脸生物监测
10-30
uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸
uni-app人脸和指纹登录
vue+echarts实现中国地图流动效果
03-10 3939
uni-app人脸和指纹登录 最近公司在用uni-app开发项目，有人脸识别和指纹登录的一个需求，研究的过程中也感觉挺有意思的，分享给大家。 官网是这样的示例： <template> <view class="content"> <button type="primary" @click="checkIsSupportSoterAuthentication">检查支持的认证方式</button> <button t
uniapp 实现人脸认证
weixin_41886421的博客
03-03 8046
uniapp实现人脸认证
uniapp---app端实现刷脸功能
maidu_xbd的博客
11-29 5747
功能描述： App端常用的刷脸验证功能，实现界面如下，当执行某操作时（如点击按钮）,首先调用前置摄像头进行扫脸操作，拍照后上传到后台进行身份验证。 解决方案： 参考文章：https://blog.csdn.net/qq_31403519/article/details/106780327 （1）利用直播推流技术（h5+的plus.video.LivePusher）【http://www.html5plus.org/doc/zh_cn/video.html】开启摄像头，获取视频流；通过plus.v
uniapp开发的App利用百度人脸实现认证功能
m0_57442975的博客
10-08 3344
uniapp开发的APP中使用人脸实名认证功能。
Android开发人脸识别登录功能
08-25
Android开发人脸识别登录功能是指使用Android平台开发的应用程序中实现人脸识别登录功能，通过虹软的人脸识别算法来实现人脸识别登录。下面是相关知识点的总结： 1. 人脸识别登录的概念：人脸识别登录是指使用人脸...
基于SpringBoot结合百度云人脸识别API完成的刷脸登录功能
05-28
【作品名称】：基于SpringBoot结合百度云人脸识别API完成的刷脸登录功能 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【项目介绍...
基于SpringBoot与百度云API实现的人脸识别登录功能源码+项目说明.7z
12-18
基于SpringBoot与百度云API实现的人脸识别登录功能源码+项目说明.7z 项目中使用了SpringBoot+Thymleaf+百度云的API接口实现的人脸识别功能，其中融合了人脸库的管理功能，实现对人脸的增删改查。 对于原生的百度云...
tracking.js实现前端人脸识别功能
11-20
《使用tracking.js实现前端人脸识别功能》 在当前的数字化时代，人脸识别技术已经广泛应用于各种场景，包括安全验证、用户身份识别等。而在前端实现这样的功能，我们常常会借助JavaScript库来简化开发工作。...
uniapp人脸识别解决方案
工宗浩生财指南针
04-11 4302
因为APP端无法使用uni的camera组件，最开始考虑使用内嵌webview的方式，通过原生dom调用video渲染画面然后通过canvas截图。经实测5+api兼容性还算可以，但是毕竟是调用原生能力，肯定是没有原生开发那么丝滑的，难免会出现一些不可预测的兼容性问题。但是在安卓系统上，尤其是鸿蒙系统，调用这个api就会导致程序闪退，而且发生频率还特别高。除了闪退问题，安卓还存在一个麻烦事儿，那就是首次进入app，翻转摄像头的api没有用，拉起的还是后置摄像头。以上是完整的包含逻辑的代码。
uniapp，前后端实名人脸认证全过程
m0_75062458的博客
12-08 1301
1.先去除原本的导航栏// 在pages.json中找到globalStyle，设置navigationStyle为custom，但是这样的话每个页面都没了原本的导航栏},// 如果只想某些单独的页面使用自定义导航栏，就在pages.json中找到那个页面的设置"style": {},到这里，再加上之前全局自动注册的组件，引入对象的组件就行了。
uniapp 微信小程序人脸识别
TZ1284063988的博客
03-01 430
uniapp微信小程序人脸识别
运用uniapp实现登录时的人脸识别(需在真机中运行)
qq_24397027的博客
03-20 862
/ case 'InvalidParameterValue.NoFaceInGroups': info = '请对准人脸';.localizedMessage.split('-')[0] == '请对准人脸')) {.localizedMessage.split('-')[0] == '请对准人脸')) {.localizedMessage.split('-')[0]) || '验证失败');.localizedMessage.split('-')[0]) || '验证失败');//base64图片。
手把手教你实现人脸识别，有手就行
热门推荐
全栈川川
02-05 1万+
包学包会的人脸识别项目
uniapp接入人脸识别
08-14
对于在uniapp中接入人脸识别功能，你可以考虑使用第三方的人脸识别SDK。以下是一般的接入步骤： 1. 选择适合的人脸识别SDK：根据你的需求和预算，选择一款适合uniapp的人脸识别SDK。常见的人脸识别SDK包括百度AI、讯飞AI、Face++等。 2. 引入SDK：在uniapp项目中，使用npm或手动下载SDK的方式引入所选SDK的依赖库。 3. 配置相关权限：根据所选SDK的要求，在uniapp的manifest.json文件中配置相关权限，例如摄像头权限等。 4. 编写代码：根据所选SDK的文档和示例，编写相关代码实现人脸识别功能。通常，你需要调用摄像头接口，捕捉人脸图像，并将其传递给SDK进行识别。 5. 测试和调试：在完成代码编写后，进行测试和调试以确保人脸识别功能的正常运行。可以使用模拟的测试数据或实际设备进行测试。 需要注意的是，不同的SDK可能有不同的接入方式和使用方法，因此具体的接入步骤可能会有所不同。建议你仔细阅读所选SDK的文档，并按照其提供的指导进行操作。 希望这些信息对你有所帮助！如果还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值