微信小程序 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 相关文章推荐
js 中的switch表达式使用示例
Jun 03 Javascript
jquery事件与函数的使用介绍
Sep 29 Javascript
jQuery获得IE版本不准确webbrowser的解决方法
Feb 23 Javascript
js实现window.open不被拦截的解决方法汇总
Oct 30 Javascript
jQuery横向擦除焦点图特效代码分享
Sep 06 Javascript
简单谈谈javascript中this的隐式绑定
Feb 22 Javascript
Jquery on方法绑定事件后执行多次的解决方法
Jun 02 Javascript
jquery PrintArea 实现票据的套打功能(代码)
Mar 17 Javascript
vue中filters 传入两个参数 / 使用两个filters的实现方法
Jul 15 Javascript
layer.open 获取不到表单信息的解决方法
Sep 26 Javascript
js实现消灭星星(web简易版)
Mar 24 Javascript
浅谈JSON5解决了JSON的两大痛点
Dec 14 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
php学习之简单计算器实现代码
2011/06/09 PHP
PHP数组相关函数汇总
2015/03/24 PHP
10个php函数实用却不常见
2015/10/13 PHP
PHP+Ajax 检测网络是否正常实例详解
2016/12/16 PHP
PHP生成(支持多模板)二维码海报代码
2018/04/30 PHP
JavaScript入门教程(3) js面向对象
2009/01/31 Javascript
js两行代码按指定格式输出日期时间
2011/10/21 Javascript
js实现拉伸拖动iframe的具体代码
2013/08/03 Javascript
javascript实例分享---具有立体效果的图片特效
2014/06/08 Javascript
JS实现单行文字不间断向上滚动的方法
2015/01/29 Javascript
基于jQuery实现网页进度显示插件
2015/03/04 Javascript
Javascript调用函数方法的几种方式介绍
2015/03/20 Javascript
javascript操作select元素实例分析
2015/03/27 Javascript
jQuery实现转动随机数抽奖效果的方法
2015/05/21 Javascript
Javascript 严格模式use strict详解
2017/09/16 Javascript
Vue入门之animate过渡动画效果
2018/04/08 Javascript
JS原生瀑布流效果实现
2019/04/26 Javascript
深入浅析vue-cli@3.0 使用及配置说明
2019/05/08 Javascript
vue+element实现表单校验功能
2019/05/20 Javascript
Vue实战教程之仿肯德基宅急送App
2019/07/19 Javascript
从零学python系列之教你如何根据图片生成字符画
2014/05/23 Python
Python WSGI的深入理解
2018/08/01 Python
DataFrame:通过SparkSql将scala类转为DataFrame的方法
2019/01/29 Python
Python使用Beautiful Soup爬取豆瓣音乐排行榜过程解析
2019/08/15 Python
python利用JMeter测试Tornado的多线程
2020/01/12 Python
Windows 下更改 jupyterlab 默认启动位置的教程详解
2020/05/18 Python
python实现xml转json文件的示例代码
2020/12/30 Python
Java软件工程师综合面试题笔试题
2013/09/08 面试题
公司员工的自我评价范例
2013/11/01 职场文书
咖啡店自主创业商业计划书
2014/01/22 职场文书
商务助理求职信范文
2014/04/20 职场文书
我的兄弟姐妹观后感
2015/06/15 职场文书
安全教育培训制度
2015/08/06 职场文书
电力安全学习心得体会
2016/01/18 职场文书
2016年大学生社区服务活动总结
2016/04/06 职场文书
python和Appium的移动端多设备自动化测试框架
2022/04/26 Python