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

文章目录

    • 一、打开服务平台开启插件
    • 二、搜索ocr,单击开发者资源、找到对应的微信ocr识别,进行购买一天有100次调用。
    • 三、在项目中引入

一、打开服务平台开启插件

微信小程序使用 ocr 身份证识别_第1张图片

二、搜索ocr,单击开发者资源、找到对应的微信ocr识别,进行购买一天有100次调用。

微信小程序使用 ocr 身份证识别_第2张图片
微信小程序使用 ocr 身份证识别_第3张图片

三、在项目中引入

打开根目录app.json

  "plugins": {
    "ocr-plugin": {
      "version": "3.0.6",
      "provider": "wx4418e3e031e551be"
    }
  },

对应的
version : 版本
provider : 插件Appid

引入后会让你进行下载,下载之后对应的我们打开右上角详细后呈现的效果
微信小程序使用 ocr 身份证识别_第4张图片
在使用到身份证识别的 json 页面文件中引入当前这个插件

{
  "usingComponents": {
    "ocr-navigator": "plugin://ocr-plugin/ocr-navigator"
  }
}

在对应页面中我们就可以直接使用对应的插件进行使用了

  <ocr-navigator bind:onSuccess="successCallback" certificateType="idCard" opposite="{{false}}">
    <van-button type="primary">身份证正面识别van-button>
  ocr-navigator>

对应的 js文件中,绑定好我们的成功回调事件
微信小程序使用 ocr 身份证识别_第5张图片
当我们去点击 身份证正面识别 按钮的时候也就会拉起相机进行拍照识别,成功后就会返还回调信息

而对应上方 如果要进行识别身份证反面
只需要将标签中 opposite 移除或者将值设置为 true即可,默认识别就是识别身份证反面

你可能感兴趣的:(前端,小程序,小程序,微信,html5)