在微信小程序中实现指纹以及人脸识别

558 阅读1分钟

在小程序的页面中添加一个按钮,当用户点击该按钮时触发指纹或人脸识别功能。

代码如下:

<button bindtap="onAuthClick">点击进行认证</button>
  1. 在页面的.js文件中添加以下代码:
Page({
  onAuthClick() {
    wx.checkIsSupportSoterAuthentication({
      success(res) {
        // 判断是否支持生物认证
        if (res.supportMode.indexOf('fingerPrint') !== -1) {
          // 支持指纹识别
          wx.startSoterAuthentication({
            requestAuthModes: ['fingerPrint'],
            challenge: 'challenge',
            authContent: '请使用指纹验证',
            success(res) {
              // 指纹验证成功,执行相关逻辑
            },
            fail(res) {
              // 指纹验证失败,执行相关逻辑
            }
          })
        } else if (res.supportMode.indexOf('facial') !== -1) {
          // 支持人脸识别
          wx.startSoterAuthentication({
            requestAuthModes: ['facial'],
            challenge: 'challenge',
            authContent: '请使用人脸识别',
            success(res) {
              // 人脸识别成功,执行相关逻辑
            },
            fail(res) {
              // 人脸识别失败,执行相关逻辑
            }
          })
        } else {
          // 不支持生物认证,执行相关逻辑
        }
      }
    })
  }
})