Uniapp中使用微信的ocr识别身份证

最新推荐文章于 2024-12-09 22:59:17 发布

原创最新推荐文章于 2024-12-09 22:59:17 发布

· 1.5k 阅读

2 ·

版权

文章标签：

#uni-app #ocr

微信小程序同时被 2 个专栏收录

8 篇文章

订阅专栏

uniapp

1 篇文章

订阅专栏

本文详细介绍了如何在微信公众平台的小程序中集成OCR识别功能，包括申请插件、获取免费额度，以及在Vue页面中使用`ocr-navigator`组件进行身份证正反面识别的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前期准备

1、申请

微信公众平台

登录微信小程序后台：设置>第三方设置>插件管理添加ocr识别插件

2、获取额度

点击详情 > 开发文档 > 开放社区 > 选择每天100次的免费额度。

使用

1、pages.json

"subPackages": [{
    "root": "subPackIndex",
	"pages": [
        {
        "path": "user/accountSettings",
		"style": {
			"navigationBarTitleText": "账号设置",
		    "usingComponents": {
			    "ocr-navigator": "plugin://ocr-plugin/ocr-navigator"
			 }
		   }
		},
    ],
    "plugins": {
       "ocr-plugin": {
		    "version": "3.1.5",
			"provider": "wx4418e3e031e551be"
		}
}

2、vue

<ocr-navigator @onSuccess="ocrSuccess" certificateType="idCard" :opposite="false">
	<button type="primary">身份证正面识别</button>
</ocr-navigator>
<ocr-navigator @onSuccess="ocrSuccess" certificateType="idCard" :opposite="true">
	<button type="primary">身份证反面识别</button>
</ocr-navigator>

注意：需要把官方代码里面的bind:onSuccess="success" 改为@onSuccess="ocrSuccess"