微信小程序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);},

总结：

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

微信小程序OCR插件使用指南相关推荐

微信小程序继续入坑指南
微信小程序继续入坑指南 wxml 类似于html 感觉和ejs灰常的相似数据绑定 js Page({data: {message: "hello world"} }) wxml ...
微信小程序ocr身份证扫描
实现ocr有2种方式: 1.自己实现ocr可以使用微信小程序自带的服务或者其它服务. 2.也可以把拍摄的图片传给后端,后端处理后返回扫描内容这里主要讲一下微信小程序ocr服务先购买,有0元 100 ...
微信小程序点播插件_微信小程序 wxParse插件显示视频问题
修改wxParse/html2json.js 文件 ,在 html2json(html, bindName)方法里 var node = { node: 'element', tag: tag, }; ...
wx-charts 微信小程序图表插件
阅读数:9460 微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧,支持图表类型饼图.线图.柱状图 .区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中比较强大好 ...
微信小程序点播插件_5个常见的小程序插件功能，教你怎么用
微信小程序都有哪些插件可用?这些小程序插件功能,又该如何为企业赋能?下面就带大家了解一下,看完你就明白为什么现在这么多企业都喜欢用小程序来引流拉新,做品牌营销了. 1.小程序直播插件电商直播是近一年 ...
微信小程序图表插件（wx-charts）
微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧支持图表类型饼图.线图.柱状图 .区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中比较强大好使的一个. wx- ...
微信小程序图表插件 - wx-charts
微信小程序图表插件(wx-charts)基于canvas绘制,体积小巧支持图表类型饼图.线图.柱状图 .区域图等图表图形绘制,目前wx-charts是微信小程序图表插件中比较强大好使的一个. wx-c ...
微信小程序----图表插件示例用法（wx-charts）
微信小程序----图表插件示例用法(wx-charts) 参考链接:https://blog.csdn.net/JxufeCarol/article/details/117718321 全部图形示例链 ...
微信小程序-OCR信息识别
微信小程序-OCR信息识别相关代码,github: https://github.com/android-xiao-jun/WeChat-OCR-studly 一.环境的搭建微信开发工具下载地址: ...

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

微信小程序OCR插件使用指南相关推荐

最新文章

热门文章