微信小程序 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的IE和Firefox兼容性汇编(zz)
Feb 02 Javascript
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
Mar 18 Javascript
jquery通过a标签删除table中的一行的代码
Dec 02 Javascript
javascript制作的网页侧边弹出框思路及实现代码
May 21 Javascript
jQuery中remove()方法用法实例
Dec 25 Javascript
解析预加载显示图片艺术
Dec 05 Javascript
JQuery异步提交表单与文件上传功能示例
Jan 12 Javascript
详解Vue监听数据变化原理
Mar 08 Javascript
利用Javascript获取选择文本所在的句子详解
Dec 03 Javascript
详解Webpack loader 之 file-loader
Nov 07 Javascript
原生JS实现逼真的图片3D旋转效果详解
Feb 16 Javascript
在vue中实现清除echarts上次保留的数据(亲测有效)
Sep 09 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防止站外远程提交表单的方法
2014/10/20 PHP
JQuery获取浏览器窗口内容部分高度的代码
2012/02/24 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
2012/11/07 Javascript
js动画(animate)简单引擎代码示例
2012/12/04 Javascript
JavaScript中的数组特性介绍
2014/12/30 Javascript
js实现固定显示区域内自动缩放图片的方法
2015/07/18 Javascript
JS实现title标题栏文字不间断滚动显示效果
2016/09/07 Javascript
jQuery ajax MD5实现用户注册即时验证功能
2016/10/11 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
2017/04/13 jQuery
Angular 通过注入 $location 获取与修改当前页面URL的实例
2017/05/31 Javascript
创建简单的node服务器实例(分享)
2017/06/23 Javascript
Chart.js 轻量级HTML5图表绘制工具库(知识整理)
2018/05/22 Javascript
vue生命周期和react生命周期对比【推荐】
2018/09/19 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
2019/10/15 Javascript
python在Windows8下获取本机ip地址的方法
2015/03/14 Python
django+xadmin+djcelery实现后台管理定时任务
2018/08/14 Python
python中update的基本使用方法详解
2019/07/17 Python
python 实现将Numpy数组保存为图像
2020/01/09 Python
python 回溯法模板详解
2020/02/26 Python
python使用pymongo与MongoDB基本交互操作示例
2020/04/09 Python
HTML5实现表单自动验证功能实例代码
2017/01/11 HTML / CSS
S’well Bottle保温杯官网:绝缘不锈钢水瓶
2018/05/09 全球购物
英国网上购买门:Direct Doors
2018/06/07 全球购物
美国新娘礼品店:The Paisley Box
2020/09/08 全球购物
巴西网上药店:Drogaria Araujo
2021/01/06 全球购物
利用指针变量实现队列的入队操作
2012/04/07 面试题
人事专员岗位职责
2013/11/20 职场文书
人代会标语
2014/06/30 职场文书
村级四风对照检查材料
2014/08/24 职场文书
给男朋友的道歉短信
2015/05/12 职场文书
交通事故代理词范文
2015/05/23 职场文书
小学生家长意见
2015/06/03 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
开网店计划分析
2019/07/30 职场文书
matplotlib之pyplot模块实现添加子图subplot的使用
2021/04/25 Python
python+pytest接口自动化之token关联登录的实现
2022/04/06 Python