微信小程序 SOTER 生物认证DEMO 指纹识别功能


Posted in Javascript onDecember 13, 2019

今天项目尝试使用微信小程序指纹认证功能

以下为测试demo

微信小程序 SOTER 生物认证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 指纹识别功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
用原生JavaScript实现jQuery的$.getJSON的解决方法
May 03 Javascript
jQuery老黄历完整实现方法
Jan 16 Javascript
AngularJS的内置过滤器详解
May 14 Javascript
js实现超简单的展开、折叠目录代码
Aug 28 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
Aug 02 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
Sep 05 Javascript
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
Apr 02 jQuery
webpack配置sass模块的加载的方法
Jul 30 Javascript
js实现简单模态框实例
Nov 16 Javascript
基于javascript处理二进制图片流过程详解
Jun 08 Javascript
在vant中使用时间选择器和popup弹出层的操作
Nov 04 Javascript
element中Steps步骤条和Tabs标签页关联的解决
Dec 08 Javascript
vue中使用elementUI组件手动上传图片功能
Dec 13 #Javascript
使用uni-app开发微信小程序的实现
Dec 13 #Javascript
webpack DllPlugin xxx is not defined解决办法
Dec 13 #Javascript
微信小程序关键字变色实现代码实例
Dec 13 #Javascript
Servlet返回的数据js解析2种方法
Dec 12 #Javascript
微信小程序实现横向滚动导航栏效果
Dec 12 #Javascript
微信小程序 scroll-view 实现锚点跳转功能
Dec 12 #Javascript
You might like
实现 win2003 下 mysql 数据库每天自动备份
2006/12/06 PHP
那些年一起学习的PHP(三)
2012/03/22 PHP
php使用curl访问https示例分享
2014/01/17 PHP
php限制上传文件类型并保存上传文件的方法
2015/03/13 PHP
php经典算法集锦
2015/11/14 PHP
PHP生成及获取JSON文件的方法
2016/08/23 PHP
PHP使用PDO访问oracle数据库的步骤详解
2017/09/29 PHP
js多级树形弹出一个小窗口层(非常好用)实例代码
2013/03/19 Javascript
javascript实现禁止复制网页内容汇总
2015/12/30 Javascript
nodeJs爬虫获取数据简单实现代码
2016/03/29 NodeJs
通过jsonp获取json数据实现AJAX跨域请求
2017/01/22 Javascript
浅谈webpack 构建性能优化策略小结
2018/06/13 Javascript
解决element-ui中下拉菜单子选项click事件不触发的问题
2018/08/22 Javascript
微信小程序使用component自定义toast弹窗效果
2018/11/27 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
2019/02/20 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
2019/07/12 Javascript
vue循环数组改变点击文字的颜色
2019/10/14 Javascript
简述Vue中容易被忽视的知识点
2019/12/09 Javascript
浅谈vue项目,访问路径#号的问题
2020/08/14 Javascript
[01:38]DOTA2 2015国际邀请赛中国区预选赛 Showopen
2015/06/01 DOTA
浅谈pandas中DataFrame关于显示值省略的解决方法
2018/04/08 Python
flask应用部署到服务器的方法
2019/07/12 Python
Python Django2.0集成Celery4.1教程
2019/11/19 Python
linux环境下安装python虚拟环境及注意事项
2020/01/07 Python
CSS3实现自定义Checkbox特效实例代码
2017/04/24 HTML / CSS
HTML5的结构和语义(2):结构
2008/10/17 HTML / CSS
Evisu官方网站:日本牛仔品牌,时尚街头设计风格
2016/12/30 全球购物
夏尔巴人登珠峰品牌:Sherpa Adventure Gear
2018/02/08 全球购物
Lookfantastic俄罗斯:欧洲在线化妆品零售商
2019/08/06 全球购物
销售总监岗位职责
2014/01/04 职场文书
九年级家长会邀请函
2014/01/15 职场文书
《石榴》教学反思
2014/03/02 职场文书
整改落实情况汇报材料
2014/10/29 职场文书
父亲节活动总结
2015/02/12 职场文书
全民创业工作总结
2015/08/13 职场文书
《没有任何借口》读后感:完美的执行能力
2020/01/07 职场文书