微信小程序使用OCR进行身份证验证

最新推荐文章于 2025-02-14 16:04:43 发布

黄焖鸡米米饭

最新推荐文章于 2025-02-14 16:04:43 发布

阅读量2k

点赞数

分类专栏：笔记文章标签：小程序

本文链接：https://blog.csdn.net/Healer000000/article/details/112984065

版权

笔记专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了如何在微信小程序中添加OCR插件，包括安装步骤、购买与配置、页面集成和认证流程。重点讲解了如何设置身份证识别，并提供了必要的代码示例和自定义按钮样式。

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

1.将OCR插件添加到小程序后台；

2.添加之后一定进行购买，100次/天是免费的，但是必须进行购买操作；

3.在app.json文件中引入：

"pages": [],
"plugins": {
	"ocr-plugin": {
		"version": "3.2.0",
		"provider": "申请成功之后会有一个插件id，填在这儿"
	}
},

4.页面的json文件中声明：

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

5.交互页面添加节点设置：

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

opposite设置识别身份证正反面，默认为false；
certificateType是证书类型包括： 身份证：idCard、驾驶证：drivingLicense、银行卡：bankCard、营业执照：businessLicense；
可通过类名ocr-wrapper和intro控制按钮样式；
success是验证返回示例；

/** wxss **/
/*自定义按钮样式*/
.ocr-wrapper {
  margin: 40rpx auto;
  width: 375rpx;
}
.intro {
  margin: 40rpx;
}

本文为一次使用OCR的体验笔记，如有不清晰的地方请看官方文档OCR支持|微信开放文档；