小程序指纹验证的实现代码

2024-11-26 06:23:29

最近接到一个私单，需要小程序里面实现指纹验证。。废话不多说，，先查小程序api。

好的，在翻阅小程序api中，发现有一个生物认证的api。分别是wx.checkIsSoterEnrolledInDevice ， wx.checkIsSupportSoterAuthentication 和 wx.startSoterAuthentication。

先从checkIsSupportSoterAuthentication说起，文档解释这是获取本机支持的 SOTER 生物认证方式。就是获取你这个手机有什么生物功能。

代码先行:

wx.checkIsSupportSoterAuthentication({
 success(res) {
 console.log(res)
 }
})

打印的结果是:

根据小程序api可以得知，我的i7支持指纹功能.

第二步，要讲解的是checkIsSoterEnrolledInDevice。。这个api的大意是，获取手机的指纹信息。。这里有个坑，自己造成的坑，特意说明一下。。自己手机没录入指纹去解锁屏幕，所以手机里面没有我的指纹信息。。。如果你运行这个函数，他得出的结果为0.因为没指纹。。

wx.checkIsSoterEnrolledInDevice({
 checkAuthMode: 'fingerPrint', //这是根据上一步得知，我手机支持指纹。
 success(res) {
 console.log(res)
 }
})

结果如下，可得知用户已经录入了指纹。

最后一步，startSoterAuthentication开始验证指纹是否是机主本人。

wx.startSoterAuthentication({
 requestAuthModes: ['fingerPrint'],//启动指纹认证
 challenge: '123456',//这个参数api解释是因子。。反正没看懂，乱填的
 authContent: '请用指纹解锁',//提示框内容
 success(res) {
 console.log(res)
 }
})

获取成功是得出这样的结果：（如果指纹验证不通过，是没有信息打印的）

好了，大概就是这样。。。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

微信小程序功能函数小结(手机号验证*、密码验证*、获取验证码*)

下面一小段代码给大家介绍微信小程序功能函数密码验证*,具体代码如下所示: //登录输入密码 userPasswordInput: function (e) { var that = this; this.setData({ userPassword: e.detail.value }) // console.log(e.detail.value.length) // console.log(e.detail.value); var value = e.detail.value var str
微信小程序手机号码验证功能的实例代码

wxml <form bindsubmit='formSubmit'> <view class='all'> <text>手机号:</text> <input name="phone" placeholder='请输入手机号' type='number' style='color:#333' placeholder-style="color:#666" maxlength="11" bindi
微信小程序表单验证错误提示效果

微信小程序表单验证,点击确认发布不能为空错误提示,具体内容如下以下是效果图: 代码如下: WXML: <view class="ad_popError" wx:if="{{popErrorMsg}}">{{popErrorMsg}}</view> <view class="ad_popFt"> <form bindsubmit="goDetail" > <textarea
微信小程序项目实践之验证码倒计时功能

效果如下:点击发送验证码按钮,按钮背景变色,不可点击,显示倒计时文字首先js文件的data里面声明一个变量用于表示当前是否可以点击,codeIsCanClick = true, 默认是可以点击的写下界面代码: wxml文件中 <view class='centerRow'> <view class='inputLabel'>动态码:</view> <input class='inputStyle' style="flex:1 " bin
微信小程序实现验证码获取倒计时效果

本文实例为大家分享了微信小程序实现获取验证码倒计时效果的具体代码,供大家参考,具体内容如下 wxml <button disabled='{{disabled}}' data-id="2" bindtap="getVerificationCode"> {{time}} </button> js var interval = null //倒计时函数 Page({ data: { date:'请选择日期', fun_id:2, time: '获
微信小程序6位或多位验证码密码输入框功能的实现代码

在做小程序过程中做一个6位验证码输入框,本以为很简单,但是在写的时候遇到各种各样的阻力,在网上查阅资料也寥寥无几,后来经过一番思考,终于敲定下来本人最满意的方案,特意发出来让大家参考一下,希望能帮到大家! 一.效果图如下: 二.代码部分 wxml: <form bindsubmit="formSubmit"> <view class='content'> <block wx:for="{{Length}}" wx:key="i
微信小程序实现倒计时60s获取验证码

本文实例为大家分享了微信小程序倒计时获取验证码的具体代码,供大家参考,具体内容如下 1.工具类(引用微信小程序提供的工具类) countdown.js class Countdown { constructor(options = {}) { Object.assign(this, { options, }) this.__init() } /** * 初始化 */ __init() { this.page = getCurrentPages()[getCurrentPages().length
微信小程序表单验证功能完整实例

本文实例讲述了微信小程序表单验证功能.分享给大家供大家参考,具体如下: Wxml <form bindsubmit="formSubmit" bindreset="formReset"> <input name="name" class="{{whoClass=='name'?'placeholderClass':'inputClass'}}" placeholder="请填写您的姓名"
基于php实现的验证码小程序

验证码功能(个人理解): 减轻服务器的压力(如12306的验证码功能): 防止暴力注册个人思路:在a-z,A-Z,1-9生成n位随机的数来构成新的验证码. 关于生成验证码的几个小函数 range() //指定范围输出一个数组 a) 如: range(1,9) array_merge()//合并数组 a) array_merge(数组1,数组2-.) array_rand(数组,数量) a) 随机从数组中取出几个下标返回一个数组 shuffle(数
微信小程序实现简单input正则表达式验证功能示例

本文实例讲述了微信小程序实现简单input正则表达式验证功能.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 index.wxml文件 <input placeholder="输入内容" bindinput="check"></input> <view>输入结果:{{result}}</view> index.js文件 Page({ data:{ result:'' }, check:function(e

小程序指纹验证的实现代码

相关推荐

随机推荐