微信小程序中如何实现指纹识别功能
这篇文章主要为大家展示了“微信小程序中如何实现指纹识别功能”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“微信小程序中如何实现指纹识别功能”这篇文章吧。
创新互联是专业的通化网站建设公司,通化接单;提供成都网站建设、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行通化网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
以下为测试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
以上是“微信小程序中如何实现指纹识别功能”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
名称栏目:微信小程序中如何实现指纹识别功能
转载来于:http://pwwzsj.com/article/gcdiod.html