微信小程序OCR插件的接入和踩坑

公司最近做了一个和电信合作的项目，用到了实名认证这一块，找了一下，发现微信官方就有提供一套OCR的API，配套的插件也做的不错

官方的一个体验工具，支持身份证，银行卡，驾驶证的识别

申请

在小程序后台搜索插件（AppID=wx4418e3e031e551be） 设置-第三方服务-添加插件
这个插件和OCR的API共用使用的次数，要先去购买使用次数，开发时买个免费的100次即可
如果没有使用次数的话，插件是无法识别的
购买地址

在项目中引入

首先需要在app.json中声明引入插件

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

在使用到的页面中也要声明引入

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

插件在页面的载体为button组件，微信自带的button样式不敢恭维，自己改改吧…
这里有一个注意点，如果不想被button自带的样式影响，使用label的话，需要把label标签放置在组件内部，放置在外部虽然可以调起插件，但是无法触发onSuccess回调

<ocr-navigator bind:onSuccess="success" certificateType="idCard" opposite="{{false}}">
	<button type="primary" class="mainBtn">拍摄身份证头像面</button>
</ocr-navigator>

onSuccess是回调，certificateType是证件类型，opposite是正反面，默认为反面 true，这里是正面故设置为false

这时候就可以识别身份证了，这个插件做的还是非常不错的，可以拍摄或者从相机选择，识别的成功率也非常高，返回的信息也很详细

背面的就是身份证的有效期，在回调把这些东西传给后端就ok了
当然也可以做一些更加细致的判断，比如根据身份证号的第17位来和性别做比较（单数为男，双数为女），如果这条对的上，我们再把数据给后端，但根据目前测试的情况来看，识别成功的比率还是很高的，不错的一款插件