欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序OCR插件使用指南

程序员文章站 2023-12-22 14:20:04
...

业务场景:通过微信小程序扫描身份证获取详细内容。

概览

      微信小程序的插件扩展提供了ocr(光学字符识别)插件用来提供身份证,驾驶证,图片文字识别等常见的图片文本识别功能.能够满足大部分依赖图片文本识别的业务需要.

使用方式

    微信插件使用是以微信插件的方式在小程序内部进行服务提供, 流程如下, 需要在小程序触发识别图片上传,插件服务器返回结果,小程序对结果进行处理.

 

 

微信小程序OCR插件使用指南

实践流程

1.微信小程序内添加插件配置, 把ocr插件配置到小程序内部

2.购买插件识别次数的容量, 100次/天 免费但是也需要进行购买, 不用真正付款.如果不买调用会出错 

3.代码接入

1.app.json 文件中添加插件节点配置
"plugins": {
    "ocr-plugin": {
      "version": "3.0.3",
      "provider": "wx4418e3e031e551be"
    }
  },
  
 2.使用插件的页面的 index.json 添加节点配置
 
"usingComponents": {
    "ocr-navigator": "plugin://ocr-plugin/ocr-navigator"
  }
  
  
3.交互页面 index.wxml 添加配置
示例代码:
 
 <ocr-navigator bind:onSuccess="ocrSuccess" certificateType="idCard" opposite="{{false}}">
      <button type="primary">身份证正面识别</button>
    </ocr-navigator>
    <ocr-navigator bind:onSuccess="ocrSuccess" certificateType="idCard" opposite="{{true}}">
      <button type="primary">身份证反面识别</button>
    </ocr-navigator>
4.交互ocr成功识别后的代码
示例代码:
ocrSuccess:function(e)
  {
    console.log(e.detail);
  },

总结:

     对接十分流畅, 关键点就是一定要小程序后台配置好插件和购买插件容量包

 

相关标签: node.js vue.js

上一篇:

下一篇: