(编辑:jimmy 日期: 2024/11/16 浏览:2)
今天项目尝试使用微信小程序指纹认证功能
以下为测试demo
index.js
Page({ /** * 页面的初始数据 */ data: { isfingerPrint : false, //可否使用指纹识别 默认false isfacial: false, //可否使用人脸识别 默认false }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var that = this //查看支持的生物认证 比如ios的指纹识别 安卓部分机器是不能用指纹识别的 wx.checkIsSupportSoterAuthentication({ success(res) { for (var i in res.supportMode){ if (res.supportMode[i] == 'fingerPrint'){ console.log("支持指纹识别", res.supportMode[i]); that.setData({ isfingerPrint : true }) } else if (res.supportMode[i] == 'facial'){ console.log("支持人脸识别", res.supportMode[i]); } } } }) }, //是否可以指纹识别 checkIsFingerPrint:function(){ var boole = this.data.isfingerPrint var txt = "不可以使用指纹识别" if (boole) { txt = "可以使用指纹识别" } show("提示",txt,false); }, //是否可以人脸识别 checkIsFacial: function () { var boole = this.data.isfacial var txt = "不可以使用人脸识别" if (boole){ txt = "可以使用人脸识别" } function SUCC() { console.log("用户点击确定") } function FAIL() { console.log("用户点击取消") } show("提示", txt, true,SUCC,FAIL); }, //进行指纹识别 FingerPrint: function(){ wx.startSoterAuthentication({ requestAuthModes: ['fingerPrint'], challenge: '123456', authContent: '请用指纹', success(res) { console.log("识别成功",res) show("提示", "识别成功", false); }, fail(res){ console.log("识别失败",res) show("提示", "识别失败", false); } }) }, //是否有指纹 HaveFingerPrint:function(){ wx.checkIsSoterEnrolledInDevice({ checkAuthMode: 'fingerPrint', success(res) { if (res.isEnrolled == 1){ show("提示", "有指纹", false); } else if (res.isEnrolled == 0){ show("提示", "无指纹", false); } }, fail(res){ show("提示", "异常", fail); } }) } })
/** * 显示提示信息 * tit 提示的标题 * msg 提示的内容 * q 是否有取消按钮(布尔值) * succ 用户点击确定的回调(非必须) * fail 用户点击取消的回调(非必须) * */ function show(tit,msg,q,succ,fail){ wx.showModal({ title: tit, content: msg, showCancel:q, success: function (res) { if (res.confirm) { if (succ){ succ(); } } else if (res.cancel) { if (fail) { fail(); } } } }) }
WXML
<view > <button type="primary" bindtap="checkIsFingerPrint"> 检测是否可以指纹识别 </button> <button type="primary" bindtap="checkIsFacial"> 检测是否可以人脸识别 </button> <button type="primary" bindtap="HaveFingerPrint"> 该设备是否录入指纹 </button> <button type="primary" bindtap="FingerPrint"> 识别指纹 </button> </view>
总结
以上所述是小编给大家介绍的微信小程序 SOTER 生物认证DEMO 指纹识别功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!