OCR识别--发票识别

前端事件可以在表单填报时,主动调用外部的接口,去获取一些数据或是触发一些事件。

前端事件常见的应用场景:OCR识别(身份证识别、车牌识别、发票识别、人脸识别等)、快递查询、天气查询、数据库取数、银行卡校验、身份证校验、实时金价查询等场景。


我们以发票OCR识别为例,为大家实例讲解 如何使用简道云前端事件+发票OCR接口,实现增值税发票的OCR识别!👇


购买接口

首先我们先找到一个增值税发票OCR接口,我们以阿里云官方提供的OCR接口为例,讲解如何配置在简道云的前端事件中配置:

点击进入阿里云 云市场


我们先购买一个500次的免费体验版本,然后可以在控制台-云市场-已买到的服务号中看到我们的AppCode,这是用来调用接口的凭证(后面会用到)。


接口分析

然后我们再回来刚才接口的界面,详细地分析下这个接口:

请求方式:POST

返回类型:JSON

接口的URL:https://ocrapi-invoice.taobao.com/ocrservice/invoice

请求的Headers(服从阿里云云市场的标准鉴权方式):Authorization: APPCODE + 你自己的APPCODE

请求的Body:可以是图片的url或者base64编码,简道云的图片是可以在前端事件中直接以url形式进行调用的,所以我们选择使用url作为我们的请求Body;

返回的数据:


这里要特别说明下,在实际测试过程中,我发现返回数据外还有一个data的嵌套,实际的数据格式应该是:


配置前端事件

分析完了接口,我们下面正式进入接口的配置环节。首先在表单中添加好触发字段(该字段的值改变就会去触发调用接口) 及 返回字段(将调用接口的值写入返回地址),由于我们这里是OCR识别,所以触发字段为图片字段,其他字段为单行文本字段。


下面我们设置触发字段;


按照上面的分析:

  • 选择请求类型为: POST
  • URL为: https://ocrapi-invoice.taobao.com/ocrservice/invoice
  • 返回值格式为: JSON


然后我们进入Header/Body的设置,如下图:

  • Header为Authorization:APPCODE + 你自己的APPCODE;
  • Body为url:增值税发票(这里需要点击插入字段,选择简道云的触发字段;
  • 图片类型的字段简道云会自动提取其URL,所以无需其他处理)。


最后,我们在最下面设置返回值格式,这里要依次对每个返回字段进行设置!


在触发字段(图片字段:增值税发票)值发生改变后,简道云会自动调用我们上面配置的接口,来识别增值税发票中的数据,识别的数据会按上述固定的格式返回给简道云,我们需要根据Json Path规则,提取出返回值中的数据放入对应的字段。


例如提取出返回值的发票代码写入简道云的发票代码字段,根据Json Path规则,提取的方式为$.data['发票代码'],我们在返回值设置中添加发票代码字段,再写入提取方式即可。按此原理完成简道云所有返回字段的配置。


注意⚠️:返回值的发票代码为手动输入文字,不是插入字段。


配置好的前端事件不支持表单预览时查看,您可以在外链或者应用访问界面进行测试。

效果演示

按照上述过程,我们已经完成了增值税发票OCR识别的前端事件配置,您可以点击下方链接进行发票识别测试。

点击测试:发票识别demo


本文是否对您有帮助?
 有帮助
 没帮助
您是否遇到了以下问题?
如需获取即时帮助,请联系技术支持