赞
踩
uni实人认证依赖 目前仅支持App平台。
h5端活体人脸检测,使用的是百度云的h5人脸实名认证
1、app端
在使用前,请确保您已注册DCloud账号,并已完成实名认证。
然后需要按文档开通服务 业务开通 | uni-app官网
2、h5端
在使用前,需要根据方案接入要求先准备好 人脸实名认证H5端方案
- // index.vue
-
- <template>
- <view class="page">
- <button class="btn" @click="$u.throttle(livenessDetection, 1000)">
- 开始刷脸验证
- </button>
- </view>
- </template>
-
- <script>
- import { getVerifyToken, h5VerifyIdentifyReturn } from '@/api/user.js'
- import { HTTP_REQUEST_URL, H5_URL } from '@/config.js'
- import permision from '@/utils/js_sdk/permission.js'
- import store from '@/store'
- export default {
- data() {
- return {
- // 终端id
- orgId: 0,
- // 姓名
- legalPerson: '',
- // 身份证
- idCard: '',
- }
- },
-
- onLoad(options) {
- this.orgId = options.orgId || 0
- this.legalPerson = options.legalPerson || ''
- this.idCard = options.idCard || ''
-
- // #ifdef H5
- if (options.verify_result && options.verify_result == 1) {
- this.h5VerifyIdentifyReturn()
- }
- // #endif
- },
-
- methods: {
- // 检查是否开启摄像头权限
- checkPermissionCamera() {
- return new Promise(async (resolve) => {
- switch (uni.getSystemInfoSync().platform) {
- case 'android':
- const val = await permision.requestAndroidPermission('android.permission.CAMERA')
- if (val == 1) {
- // 已获取授权
- resolve()
- } else if (val == -1) {
- // 被永久拒绝授权
- uni.showModal({
- title: '温馨提示',
- content: '摄像头权限已经被您永久拒绝,请前往设置页面打开',
- showCancel: false,
- confirmText: '前往设置',
- success() {
- // 打开当前App的权限设置界面
- permision.gotoAppPermissionSetting()
- }
- })
- }
- break
-
- case 'ios':
- // 是不是第一次开启相机
- const iosFirstCamera = uni.getStorageSync('iosFirstCamera');
- if (iosFirstCamera) {
- // 判断iOS上是否给予摄像头权限,有权限返回true,否则返回false
- const val2 = await permision.judgeIosPermission('camera')
- if (val2) {
- resolve()
- } else {
- uni.showModal({
- title: '温馨提示',
- content: '摄像头权限已经被您拒绝,请前往设置页面打开',
- showCancel: false,
- confirmText: '前往设置',
- success() {
- // 打开当前App的权限设置界面
- permision.gotoAppPermissionSetting()
- }
- })
- }
- } else {
- uni.setStorageSync('iosFirstCamera', true);
- resolve()
- }
- break
- }
- })
- },
-
- // 活体认证
- async livenessDetection() {
- // #ifdef MP-WEIXIN
- uni.$u.toast('请使用app进行刷脸验证')
- // #endif
-
- // #ifdef APP-PLUS
- this.appAuth()
- // #endif
-
- // #ifdef H5
- await this.checkPermissionCamera()
- this.h5Auth()
- // #endif
- },
-
- // #ifdef H5
- // h5端实名认证
- async h5Auth() {
- uni.showLoading({
- title: '认证中',
- mask: true
- })
-
- // 获取verify_token
- const res = await getVerifyToken()
- const verify_token = res.verify_token
- const successUrl = encodeURIComponent(`${ H5_URL }/pages/register/faceDetect?verify_result=1`)
- const failedUrl = encodeURIComponent(`${ H5_URL }/pages/register/faceDetect?verify_result=2`)
-
- // 跳转到百度云实名认证H5页
- window.location.href = `https://brain.baidu.com/face/print/?token=${ verify_token }&successUrl=${ successUrl }&failedUrl=${ failedUrl }`
- uni.hideLoading()
- },
-
- // 活体检测成功后的处理
- async h5VerifyIdentifyReturn() {
- uni.showLoading({
- title: '获取认证结果',
- mask: true
- })
-
- await h5VerifyIdentifyReturn()
- this.successAfter()
- },
- // #endif
-
- // #ifdef APP-PLUS
- // app端实名认证
- appAuth() {
- uni.showLoading({
- title: '认证中',
- mask: true
- })
-
- // 1、获取实人认证设备信息
- const metaInfo = uni.getFacialRecognitionMetaInfo()
-
- // 2、提交姓名、身份证号、metaInfo到云函数获取certifyId
- uniCloud.callFunction({
- name: 'livenessDetection',
- data: {
- step: 1,
- metaInfo,
- legalPerson: this.legalPerson,
- idCard: this.idCard
- }
- }).then(res => {
- if (res.result.code == 500) return uni.$u.toast(res.result.msg)
-
- const certifyId = res.result.data
-
- // 3、云函数获取certifyId后,调起实人认证界面
- uni.startFacialRecognitionVerify({
- certifyId,
- // 刷脸圈的颜色 加上这个参数会在ios端会提示 errCode: 10013 刷脸失败
- // progressBarColor: '#4a9f8b;',
- // 认证界面UI朝向 竖屏
- screenOrientation: 'port',
- success: async (e) => {
- if (e.errCode != 0) return uni.$u.toast(e.errMsg)
-
- // 4、获取认证结果
- const certResult = await uniCloud.callFunction({
- name: 'livenessDetection',
- data: {
- step: 2,
- orgId: this.orgId,
- certifyId,
- serversUrl: HTTP_REQUEST_URL
- }
- })
-
- if (certResult.result.code == 200) {
- this.successAfter()
- } else {
- uni.hideLoading()
- uni.showModal({
- title: '认证失败',
- content: certResult.result.msg,
- showCancel: false
- })
- }
- },
- fail: (e) => {
- uni.$u.toast(e.errMsg)
- }
- })
- }).catch(err => {
- uni.$u.toast('请求云函数失败:' + JSON.stringify(err))
- })
- },
- // #endif
-
- // 认证成功后的处理
- successAfter() {
- // 审核状态变更为:待审核
- store.commit('user/set_userStatus', 1)
- uni.showToast({
- title: '认证成功',
- icon: 'success',
- mask: true
- })
-
- setTimeout(() => {
- uni.switchTab({
- url: '/pages/index/index'
- })
- }, 1200)
- }
- }
- }
- </script>
-
- <style lang="scss" scoped>
- .btn {
- width: 440rpx;
- height: 88rpx;
- background: $linear-color;
- border-radius: 44rpx;
- font-size: 32rpx;
- color: #FFFFFF;
- line-height: 44rpx;
- margin-top: 102rpx;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- }
- </style>
这边也贴出页面中有 import 的几个文件,可以参考下
1、改成你们自己服务端的接口地址
- // @/api/user.js
-
- // 获取verify_token(百度云实名认证)
- export function getVerifyToken() {
- return uni.$u.http.get('/szg-ynf/api/app/userDetail/verifyIdentify')
- }
-
- // 实名认证成功
- export function h5VerifyIdentifyReturn() {
- return uni.$u.http.get('/szg-ynf/api/app/userDetail/h5VerifyIdentifyReturn')
- }
2、改成你们自己的接口地址
- // @/config.js
-
- module.exports = {
- // 请求域名
- HTTP_REQUEST_URL: 'https://xxx.xxx.com',
-
- // h5地址
- H5_URL: 'https://xxx.xxx.com/h5',
- }
3、该文件可以直接复制去使用,不用修改。这也是uniapp官方封装的
- // @/utils/js_sdk/permission.js
-
- /**
- * 本模块封装了Android、iOS的应用权限判断、打开应用权限设置界面、以及位置系统服务是否开启
- */
- var isIos
- // #ifdef APP-PLUS
- isIos = (plus.os.name == 'iOS')
- // #endif
- // #ifdef H5
- // 通过webview打开的h5中也是有plus环境的
- isIos = uni.getSystemInfoSync().platform == 'ios'
- // #endif
-
- // 判断推送权限是否开启
- function judgeIosPermissionPush() {
- var result = false
- var UIApplication = plus.ios.import('UIApplication')
- var app = UIApplication.sharedApplication()
- var enabledTypes = 0
- if (app.currentUserNotificationSettings) {
- var settings = app.currentUserNotificationSettings()
- enabledTypes = settings.plusGetAttribute('types')
- console.log('enabledTypes1:' + enabledTypes)
- if (enabledTypes == 0) {
- console.log('推送权限没有开启')
- } else {
- result = true
- console.log('已经开启推送功能!')
- }
- plus.ios.deleteObject(settings)
- } else {
- enabledTypes = app.enabledRemoteNotificationTypes()
- if (enabledTypes == 0) {
- console.log('推送权限没有开启!')
- } else {
- result = true
- console.log('已经开启推送功能!')
- }
- console.log('enabledTypes2:' + enabledTypes)
- }
- plus.ios.deleteObject(app)
- plus.ios.deleteObject(UIApplication)
- return result
- }
-
- // 判断定位权限是否开启
- function judgeIosPermissionLocation() {
- var result = false
- var cllocationManger = plus.ios.import('CLLocationManager')
- var status = cllocationManger.authorizationStatus()
- result = (status != 2)
- console.log('定位权限开启:' + result)
- // 以下代码判断了手机设备的定位是否关闭,推荐另行使用方法 checkSystemEnableLocation
- /* var enable = cllocationManger.locationServicesEnabled();
- var status = cllocationManger.authorizationStatus();
- console.log("enable:" + enable);
- console.log("status:" + status);
- if (enable && status != 2) {
- result = true;
- console.log("手机定位服务已开启且已授予定位权限");
- } else {
- console.log("手机系统的定位没有打开或未给予定位权限");
- } */
- plus.ios.deleteObject(cllocationManger)
- return result
- }
-
- // 判断麦克风权限是否开启
- function judgeIosPermissionRecord() {
- var result = false
- var avaudiosession = plus.ios.import('AVAudioSession')
- var avaudio = avaudiosession.sharedInstance()
- var permissionStatus = avaudio.recordPermission()
- console.log('permissionStatus:' + permissionStatus)
- if (permissionStatus == 1684369017 || permissionStatus == 1970168948) {
- console.log('麦克风权限没有开启')
- } else {
- result = true
- console.log('麦克风权限已经开启')
- }
- plus.ios.deleteObject(avaudiosession)
- return result
- }
-
- // 判断相机权限是否开启
- function judgeIosPermissionCamera() {
- var result = false
- var AVCaptureDevice = plus.ios.import('AVCaptureDevice')
- var authStatus = AVCaptureDevice.authorizationStatusForMediaType('vide')
- console.log('authStatus:' + authStatus)
- if (authStatus == 3) {
- result = true
- console.log('相机权限已经开启')
- } else {
- console.log('相机权限没有开启')
- }
- plus.ios.deleteObject(AVCaptureDevice)
- return result
- }
-
- // 判断相册权限是否开启
- function judgeIosPermissionPhotoLibrary() {
- var result = false
- var PHPhotoLibrary = plus.ios.import('PHPhotoLibrary')
- var authStatus = PHPhotoLibrary.authorizationStatus()
- console.log('authStatus:' + authStatus)
- if (authStatus == 3) {
- result = true
- console.log('相册权限已经开启')
- } else {
- console.log('相册权限没有开启')
- }
- plus.ios.deleteObject(PHPhotoLibrary)
- return result
- }
-
- // 判断通讯录权限是否开启
- function judgeIosPermissionContact() {
- var result = false
- var CNContactStore = plus.ios.import('CNContactStore')
- var cnAuthStatus = CNContactStore.authorizationStatusForEntityType(0)
- if (cnAuthStatus == 3) {
- result = true
- console.log('通讯录权限已经开启')
- } else {
- console.log('通讯录权限没有开启')
- }
- plus.ios.deleteObject(CNContactStore)
- return result
- }
-
- // 判断日历权限是否开启
- function judgeIosPermissionCalendar() {
- var result = false
- var EKEventStore = plus.ios.import('EKEventStore')
- var ekAuthStatus = EKEventStore.authorizationStatusForEntityType(0)
- if (ekAuthStatus == 3) {
- result = true
- console.log('日历权限已经开启')
- } else {
- console.log('日历权限没有开启')
- }
- plus.ios.deleteObject(EKEventStore)
- return result
- }
-
- // 判断备忘录权限是否开启
- function judgeIosPermissionMemo() {
- var result = false
- var EKEventStore = plus.ios.import('EKEventStore')
- var ekAuthStatus = EKEventStore.authorizationStatusForEntityType(1)
- if (ekAuthStatus == 3) {
- result = true
- console.log('备忘录权限已经开启')
- } else {
- console.log('备忘录权限没有开启')
- }
- plus.ios.deleteObject(EKEventStore)
- return result
- }
-
- // Android权限查询
- function requestAndroidPermission(permissionID) {
- return new Promise((resolve, reject) => {
- plus.android.requestPermissions(
- [permissionID], // 理论上支持多个权限同时查询,但实际上本函数封装只处理了一个权限的情况。有需要的可自行扩展封装
- function(resultObj) {
- var result = 0
- for (var i = 0; i < resultObj.granted.length; i++) {
- var grantedPermission = resultObj.granted[i]
- console.log('已获取的权限:' + grantedPermission)
- result = 1
- }
- for (var i = 0; i < resultObj.deniedPresent.length; i++) {
- var deniedPresentPermission = resultObj.deniedPresent[i]
- console.log('拒绝本次申请的权限:' + deniedPresentPermission)
- result = 0
- }
- for (var i = 0; i < resultObj.deniedAlways.length; i++) {
- var deniedAlwaysPermission = resultObj.deniedAlways[i]
- console.log('永久拒绝申请的权限:' + deniedAlwaysPermission)
- result = -1
- }
- resolve(result)
- // 若所需权限被拒绝,则打开APP设置界面,可以在APP设置界面打开相应权限
- // if (result != 1) {
- // gotoAppPermissionSetting()
- // }
- },
- function(error) {
- console.log('申请权限错误:' + error.code + ' = ' + error.message)
- resolve({
- code: error.code,
- message: error.message
- })
- }
- )
- })
- }
-
- // 使用一个方法,根据参数判断权限
- function judgeIosPermission(permissionID) {
- if (permissionID == 'location') {
- return judgeIosPermissionLocation()
- } else if (permissionID == 'camera') {
- return judgeIosPermissionCamera()
- } else if (permissionID == 'photoLibrary') {
- return judgeIosPermissionPhotoLibrary()
- } else if (permissionID == 'record') {
- return judgeIosPermissionRecord()
- } else if (permissionID == 'push') {
- return judgeIosPermissionPush()
- } else if (permissionID == 'contact') {
- return judgeIosPermissionContact()
- } else if (permissionID == 'calendar') {
- return judgeIosPermissionCalendar()
- } else if (permissionID == 'memo') {
- return judgeIosPermissionMemo()
- }
- return false
- }
-
- // 跳转到**应用**的权限页面
- function gotoAppPermissionSetting() {
- if (isIos) {
- var UIApplication = plus.ios.import('UIApplication')
- var application2 = UIApplication.sharedApplication()
- var NSURL2 = plus.ios.import('NSURL')
- // var setting2 = NSURL2.URLWithString("prefs:root=LOCATION_SERVICES");
- var setting2 = NSURL2.URLWithString('app-settings:')
- application2.openURL(setting2)
-
- plus.ios.deleteObject(setting2)
- plus.ios.deleteObject(NSURL2)
- plus.ios.deleteObject(application2)
- } else {
- // console.log(plus.device.vendor);
- var Intent = plus.android.importClass('android.content.Intent')
- var Settings = plus.android.importClass('android.provider.Settings')
- var Uri = plus.android.importClass('android.net.Uri')
- var mainActivity = plus.android.runtimeMainActivity()
- var intent = new Intent()
- intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS)
- var uri = Uri.fromParts('package', mainActivity.getPackageName(), null)
- intent.setData(uri)
- mainActivity.startActivity(intent)
- }
- }
-
- // 检查系统的设备服务是否开启
- // var checkSystemEnableLocation = async function () {
- function checkSystemEnableLocation() {
- if (isIos) {
- var result = false
- var cllocationManger = plus.ios.import('CLLocationManager')
- var result = cllocationManger.locationServicesEnabled()
- console.log('系统定位开启:' + result)
- plus.ios.deleteObject(cllocationManger)
- return result
- } else {
- var context = plus.android.importClass('android.content.Context')
- var locationManager = plus.android.importClass('android.location.LocationManager')
- var main = plus.android.runtimeMainActivity()
- var mainSvr = main.getSystemService(context.LOCATION_SERVICE)
- var result = mainSvr.isProviderEnabled(locationManager.GPS_PROVIDER)
- console.log('系统定位开启:' + result)
- return result
- }
- }
-
- module.exports = {
- judgeIosPermission: judgeIosPermission,
- requestAndroidPermission: requestAndroidPermission,
- checkSystemEnableLocation: checkSystemEnableLocation,
- gotoAppPermissionSetting: gotoAppPermissionSetting
- }
因为uniapp 的实人认证需要配合 uniCloud服务空间使用,所以这边贴上服务空间上云函数的代码
目录结构:
- // index.js 云函数
- 'use strict'
- const crypto = require('crypto')
- exports.main = async (event, context) => {
- // 获取实人认证实例
- const frvManager = await uniCloud.getFacialRecognitionVerifyManager({ requestId: context.requestId })
- if (event.step == 1) {
- try {
- /**
- * 获取certifyId
- * @return certifyId 认证id,用于客户端调用认证接口及云函数获取认证结果
- */
- const result = await frvManager.getCertifyId({
- realName: event.legalPerson,
- idCard: event.idCard,
- metaInfo: event.metaInfo
- })
-
- if (result.errCode == 0) return { code: 200, data: result.certifyId, msg: '获取certifyId成功' }
-
- return { code: 500, data: '', msg: `获取certifyId失败:${ result.errMsg }` }
- } catch (err) {
- return { code: 500, data: '', msg: '请检查您填写的姓名与身份证号是否正确' }
- }
- } else {
- // 获取认证结果
- const result = await frvManager.getAuthResult({ certifyId: event.certifyId })
-
- // 认证失败
- if (result.authState == 'FAIL') return { code: 500, data: result.certifyId, msg: `认证失败:${ result.errMsg }` }
-
- // 认证成功
- // 这里改成你们服务端的认证成功后的接口地址...
- // 服务端的接口为了安全起见,所以进行了加密验签
- const url = event.serversUrl + '/szg-ynf/oauth/userDetail/verifyIdentify'
-
- // md5加密方式:orgId 时间戳 私钥
- const orgId = event.orgId
- const timestamp = new Date().getTime()
- const signKey = '2bba3152-0b82-bd8e-2afd-453b0d925ea4'
- const sign = crypto.createHash('md5').update(orgId + timestamp + signKey).digest('hex')
-
- const res = await uniCloud.httpclient.request(url, {
- method: 'POST',
- data: {
- orgId,
- timestamp,
- sign
- },
- contentType: 'json',
- dataType: 'json',
- rejectUnauthorized: false
- })
- return { code: res.data.code, data: res.data.data, msg: res.data.msg }
- }
- }
- // package.json 云函数
-
- {
- "name": "livenessDetection",
- "dependencies": {},
- "extensions": {
- "uni-cloud-verify": {}
- }
- }
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。