E证通

  • 前言
  • 收费标准
  • 接入准备
  • 小程序
    • 1、 添加服务器域名白名单
    • 2、添加业务域名白名单
    • 3、安装 SDK/小程序包
    • 4、SDK 调用步骤即实操代码
      • 4.1、初始化 SDK
      • 4.2、 调用 SDK
    • 5、拿到回调结果
    • 6、使用uni-app开发
      • 6.1、小程序运行后,在小程序中丢入sdk包
      • 6.2、把sdk包转换成uni-app代码
    • 7、效果
  • 相关文章

前言

微信小程序自开发人脸识别,有很大的限制,主要在于公司资质。
有没有不用资质就接入人脸识别,有的,腾讯E证通,该服务目前只向已完成企业实名认证的腾讯云用户开放,使用E证通服务前需要您注册腾讯云账号并完成企业实名认证。

收费标准

E证通属于第三方插件,因此有收费,个人觉得价格适中吧

接入准备

先开通腾讯云 => 实名认证 => 开通E站通 => 下载前端包
他分别有小程序接入和H5接入,目前我使用的是小程序接入

小程序

1、 添加服务器域名白名单

做过小程序都知道,在微信公众平台里面新增服务器白名单

eid.faceid.qq.com

2、添加业务域名白名单

上面的地址,也放在业务白名单里

eid.faceid.qq.com

3、安装 SDK/小程序包

在 控制台商户 ID 列表页 可以下载E证通小程序 SDK。
SDK包内容如下

4、SDK 调用步骤即实操代码

4.1、初始化 SDK

  • 在 app.js 文件中引入初始化 SDK 的方法 initEid。
  • 在 App.js 的 onLaunch() 中加入相应代码,在 App.json 文件里添加E证通 SDK 页面。
  • 在 onLaunch 方法中调用 initEid。
//app.jsimport { initEid } from './mp_ecard_sdk/main';App({onLaunch() {initEid();},});// app.json{"pages":["mp_ecard_sdk/index/index","mp_ecard_sdk/protocol/service/index","mp_ecard_sdk/protocol/privacy/index","mp_ecard_sdk/protocol/userAccredit/index","mp_ecard_sdk/protocol/eid/index",]}

4.2、 调用 SDK

  • 在需要进行核身的地方引入调用 SDK 的方法 startEid。
  • 在业务需要的时机触发 startEid。
import { startEid } from './mp_ecard_sdk/main';// 示例方法goSDK(token) {startEid({data: {token,},verifyDoneCallback(res) {  const { token, verifyDone } = res;console.log('收到核身完成的res:', res);console.log('核身的token是:', token); console.log('是否完成核身:', verifyDone);          },});},

5、拿到回调结果

// app.js
onShow: (options) => {  const { referrerInfo, scene } = options;/* 判断是否从eID数字身份小程序返回 */const { appId } = referrerInfo;if (scene === 1038 && appId === 'wx0e2cb0b052a91c92') {console.log(referrerInfo.extraData.token,"人脸回调的token")let resutl,editokenif(referrerInfo.extraData.token){//人脸识别成功resutl = 'SUCCESS'editoken = referrerInfo.extraData.token}else{//失败resutl = 'FAIL'editoken = ''}//不知道为什么不触发// uni.navigateTo({//   url:`/pages/book/registerSuccess?token=${editoken}&resutl=${resutl}`,// })store.commit('SET_FACEINFO', {editoken,resutl})console.log("跳转")return} else {// 执行接入方小程序原本的逻辑}console.log('App Show')
},

6、使用uni-app开发

E证通目前没有接入uni,因此我们使用uni-app开发时,只能转换一下思路了,目前有两种实现方式

6.1、小程序运行后,在小程序中丢入sdk包

在小程序运行后,我们在微信开发者工具中,找到资源管理器,在根目录中丢入SDK包

缺点:无法git或者svn管理

6.2、把sdk包转换成uni-app代码

通过查看sdk包,我们可以清楚的发现他就微信小程序的一些页面和js,
我是通过miniprogram-to-uniapp来把原生小程序转换成uni-app代码包
转换效果如下:

缺点:转换后,uni不支持小程序的一些原生方法,导致需要人工转换,比如this.setData(),此方法在uni-app中就不支持

7、效果

相关文章

uni-app 人脸识别分析及实现(前端) + nvue开发源码

无需证书微信小程序实现人脸识别—E证通相关推荐

  1. php微信里面换行符,如何在字符串中间加换行符js微信小程序实现人脸识别

    本文为大家分享了微信小程序人脸识别的具体代码,供大家参考,具体内容如下 首先,我们要有开发者工具,今天所说的是后端和前端联合起来实现的. 在PHP的控制器中写一个upload方法,代码如下: publ ...

  2. 如何实现基于微信小程序的人脸识别

    现在关于人脸识别的SDK其实有很多,诸如face++.百度大脑之类的,他们都能为开发者免费提供人脸识别的接口.阿里也和face++合作,实现了支付宝的刷脸支付. 但是很遗憾,网上关于识别一段视频中的用 ...

  3. 微信小程序实现人脸识别注册登录

    前言 这是一篇关于一个原创微信小程序开发过程的原创文章.涉及到的核心技术是微信小程序开发方法和百度云人脸识别接口.小程序的主体是一个用于个人密码存储的密码管理器,在登陆注册阶段,需要调用百度云人脸识别 ...

  4. 微信小程序【人脸识别功能】

    前几天偶然看见一个人脸识别的小程序demo,觉得很有趣下载下来想玩玩,结果只是一个框架而已用不了的,花了点时间完善一下 吐槽一下wx.uploadFile这个接口,真是个大坑,最开始调用时候,我以为它 ...

  5. 微信小程序:人脸识别

    1.什么是人脸识别? 人脸识别可以分为两个方面,一个是人脸验证,另一个是人脸识别. 人脸验证指的是:假设我们有一个人的画像(A),我们需要根据这个画像验证来人是不是A本人. 人脸识别指的是:如果我们有 ...

  6. 微信小程序之人脸识别(2)

    上一篇博客已经将人脸的照片上传到了人脸库,接下来需要做的就是登录时拍照保存并与人脸库的图片进行对比,当score大于95即识别成功! 下面是wxml代码,主要用的就是camera组件,点击按钮拍照并保 ...

  7. mpvue小程序实现人脸识别/视频录制/身份验证/CryptoJS加密 等功能

    mpvue小程序实现人脸识别/视频录制/身份验证/CryptoJS加密 等功能 先看效果图 mpvue小程序与数据宝对接实现人脸识别/视频录制/身份验证/CryptoJS 加密 等功能关键代码 ind ...

  8. python人脸检测与微信小程序_微信小程序实现人脸检测功能

    本文为大家分享了微信小程序实现人脸检测的具体代码,供大家参考,具体内容如下 因为本文章的人脸检测技术运用的是百度云人工智能,首先要有百度云的账号. 近期,人脸识别已经升级到了V3,开启了测试,所以也依 ...

  9. 微信小程序实现身份证识别功能

    微信小程序实现身份证识别功能 1,首先登录小程序公众平台 2,进入设置 第三方设置 3,添加ocr插件 4,添加完成后 ,需要领取免费额度,是一天100次; 链接 然后就是代码编写部分 首先在app. ...

  10. 微信小程序使用身份证识别

    因公司业务需求以及方便用户,需要用户上传身份证后自动识别其中姓名身份证号码信息,方便用户操作,不需要上传身份证后再去重新输入姓名以及身份证号码.因此记录一下 微信小程序ocr可识别银行卡.身份证.驾驶 ...

最新文章

  1. C#中控件如何设置透明色
  2. java barrier_Java并发类CyclicBarrier方法详解
  3. 简单参数让谷歌Chrome浏览器单进程运行
  4. 热议创新 众专家再谈 “中国企业如何创造”
  5. Python爬虫之(九)数据提取-XPath
  6. quartz入门案例
  7. 《分布式服务架构》读后感
  8. 董明珠揭示:未来2年这个行业盈利最大,马总点赞说,又要出富翁
  9. 2020 GDUT Winter Personal Training Contest I (Div. 2) B - Divisors of Two Integers题解
  10. 基于ESP32环境监测控制和预警(微信小程序)
  11. 深度揭秘 Promise 微任务和执行过程
  12. 弘辽科技:拼多多活动布局三大招!
  13. Leetcode_62_Unique Paths
  14. CF1578F Framing Pictures 旋转卡壳+积分
  15. 织梦dedecms源码安装方法 织梦安装教程(图文)
  16. 工作之外如何实现自我提升
  17. 毕业5年换了3份软件测试工作,我为何仍焦虑?
  18. 计算机系统组成原理及应用,组成原理课件 - 计算机系统概述.ppt
  19. vCenter STS证书即将过期
  20. 【移动网络】5G NR: 无线网络协议结构

热门文章

  1. 小米11青春版 MIUI12安装谷歌条件GMS点击登录没反应的解决办法
  2. 半导体物理学习记录——概述
  3. fluidsim元件库下载_FluidSIM
  4. openwrt 开启KV漫游
  5. Keil(C51)介绍、下载、安装与注册
  6. 金蝶KIS专业版本单据导入导出工具使用说明
  7. matlab 外接圆,【外接圆matlab知道三个顶点的坐标,如何求这三个顶点组成的三角形外接圆的半径与圆心坐标?】作业帮...
  8. 数学建模相关比赛汇总(含各赛事官方网站链接)
  9. 惠普HP ProDesk 400 G2 加装BCM94352HMB网卡
  10. ]物体受力分析的方法