微信小程序OCR插件使用指南
程序员文章站
2023-12-22 14:20:04
...
业务场景:通过微信小程序扫描身份证获取详细内容。
概览
微信小程序的插件扩展提供了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);
},
总结:
对接十分流畅, 关键点就是一定要小程序后台配置好插件和购买插件容量包