微信小程序 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 相关文章推荐
jQuery 图像裁剪插件Jcrop的简单使用
May 22 Javascript
js 异步处理进度条
Apr 01 Javascript
High Performance JavaScript(高性能JavaScript)读书笔记分析
May 05 Javascript
Node.js中安全调用系统命令的方法(避免注入安全漏洞)
Dec 05 Javascript
jQuery中fadeOut()方法用法实例
Dec 24 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
Dec 02 Javascript
移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)
Aug 29 Javascript
react native与webview通信的示例代码
Sep 25 Javascript
Vue.js更改调试地址端口号的实例
Sep 19 Javascript
JS添加或删除HTML dom元素的方法实例分析
Mar 05 Javascript
layui 上传图片 返回图片地址的方法
Sep 26 Javascript
使用原生JS实现火锅点餐小程序(面向对象思想)
Dec 10 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
ubuntu 编译安装php 5.3.3+memcache的方法
2010/08/05 PHP
PHP中把stdClass Object转array的几个方法
2014/05/08 PHP
Yii2超好用的日期和时间组件(值得收藏)
2016/05/05 PHP
PHP实现的登录页面信息提示功能示例
2017/07/24 PHP
PHP操作MySQL中BLOB字段的方法示例【存储文本与图片】
2017/09/15 PHP
Laravel + Elasticsearch 实现中文搜索的方法
2020/02/02 PHP
JavaScript几种形式的树结构菜单
2010/05/10 Javascript
js修改地址栏URL参数解决url参数问题
2012/12/15 Javascript
自己编写的类似JS的trim方法
2013/10/09 Javascript
文本框文本自动补全效果示例分享
2014/01/19 Javascript
Javascript中innerHTML用法实例分析
2015/01/12 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
2015/04/06 Javascript
JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
2015/12/14 Javascript
JS实现的五级联动菜单效果完整实例
2017/02/23 Javascript
利用js的闭包原理做对象封装及调用方法
2017/04/07 Javascript
canvas基础绘制-绚丽倒计时的实例
2017/09/17 Javascript
详解如何用babel转换es6的class语法
2018/04/03 Javascript
echarts统计x轴区间的数值实例代码详解
2019/07/07 Javascript
js使用文件流下载csv文件的实现方法
2019/07/15 Javascript
NodeJS 文件夹拷贝以及删除功能
2019/09/03 NodeJs
Element Dropdown下拉菜单的使用方法
2020/07/26 Javascript
JavaScript Array.flat()函数用法解析
2020/09/02 Javascript
Python urlopen()函数 示例分享
2014/06/12 Python
Python自定义函数定义,参数,调用代码解析
2017/12/27 Python
Python类装饰器实现方法详解
2018/12/21 Python
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
2013/07/19 HTML / CSS
欧洲最大的品牌水上运动服装和设备在线零售商:Wuituit Outlet
2018/05/05 全球购物
德国排名第一的主题公园门票网站:Attraction Tickets Direct
2019/09/09 全球购物
为什么要有struct关键字
2012/05/08 面试题
农村党支部先进事迹
2014/01/14 职场文书
电信营业员岗位职责
2015/04/14 职场文书
企业投资意向书
2015/05/09 职场文书
道歉信怎么写
2015/05/12 职场文书
贷款收入证明范本
2015/06/12 职场文书
教师节祝酒词
2015/08/11 职场文书
CSS 左边固定宽右边自适应的6种方法
2022/05/15 HTML / CSS