万物皆可集成系列：低代码通过Web API

Posted 2022-11-17 葡萄城技术团队

数据录入在应用中是最常见也是最繁重的一项工作，而对于基础数据的维护更是要保证其准确性。比如需要录入身份证信息时，手工输入的效率低还容易出错；报销填发票时，要从一张一张的发票中找到金额、开票日期等一堆信息，一直重复着复杂的工作，类似的场景数不胜数。但现在，我们可以完全通过百度AI文字识别功能解决以上问题，文字识别准确性高、稳定性强、简单易用，而且适用于多种场景，同时可以节约录入时间，减轻工作量，提高工作效率。
在之前的内容中我们已经介绍了活字格如何与其它系统、应用对接，今天来说说在活字格中如何使用百度AI来智能识别身份证，驾驶证，行驶证，银行卡，营业执照和增值税发票。

项目实战

为了更容易地使用百度AI智能识别的功能，我们将其封装成了插件，因此您需要先下载并在设计器中安装插件；其次，需要登录百度智能云，在"文字识别"服务中创建一个新的应用，并获取API Key和Secret Key。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vVWdO7Ct-1666253378009)(https://img2022.cnblogs.com/blog/139239/202210/139239-20221020151154516-1736220924.png)]

以上准备工作完成后，就可以进行开发工作啦：

1. 数据库中新建WebConfig表，并且配置获取到的ApiKey，SecretKey

2. 在页面使用文字识别插件时，为了保证正常使用插件，需要添加3个辅助单元格

• 添加遮罩图片单元格，命名为message（命名不能修改为其它值）
• 添加图片名称单元格，类型为文本框，该值等于上传图片单元格的值，设置文字识别命令，这样上传图片后会触发文本框命令，从而进行识别
• 添加遮罩动画单元格，类型为图片，可用来设置图片识别时的加载动画，命名为loading（命名不能修改为其它值）
  注意：A1单元格是要被插件使用的，添加文字或者设置名称均可以。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SiDoRny6-1666253378010)(https://img2022.cnblogs.com/blog/139239/202210/139239-20221020151328828-1564382322.png)]

3. 选择不同的识别类型，会创建对应的返回结果，将返回结果写到对应的单元格上并进行后续操作，也可以将识别结果字段以单元格名称进行绑定哦。

4. 当类型是增值税发票时，由于发票识别可能会有多行明细，因此需要有一个表格来接收数据，表格名需要保持一致，表格中的列如下图所示。

按照以上步骤开发完成后，并不一定就万事大吉，运行时也可能会遇到些奇奇怪怪的问题，接下来我们就看看可能会遇到的坑：

1. QPS超限额

原因：只是创建了应用，但没有开通对应的API接口。可以在概览中，点击领取免费资源，把每个服务类型下的接口都全选，然后点击0元领取，当然也可以直接开通或者购买。

2. 识别失败，请检查配置重新尝试

原因：
● ApiKey，SecretKey配置错误
● 上传的文件类型和识别的文件类型不一致
● 识别结果返回的单元格不是可以输入的单元格，一般设置为文本框即可

通过百度AI智能识别功能，我们可以将一些证件信息获取下来，至于接下来要怎么用这些数据就随意啦。以下是工程文件附件，供大家参考哈~
https://gcdn.grapecity.com.cn/forum.php?mod=attachment&aid=MjM2NDc5fDgzYjNiYWVlfDE2NjU1NjIwMzJ8NjI2NzZ8OTk3MTg%3D

大家如果对更多低代码系列文章感兴趣：https://www.grapecity.com.cn/blogs/categories/huozige