银行卡识别

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

我们以银行卡OCR识别为例，为大家实例讲解如何使用简道云前端事件+银行卡OCR接口，实现银行卡的OCR识别！

对于不想自己开发的用户，还可以使用我们的文字识别(OCR)功能快速实现银行卡识别的需求。

购买接口

首先我们先找到一个银行卡OCR接口，我们以阿里云官方提供的OCR接口为例，讲解如何在简道云的前端事件中配置：

点击进入阿里云 云市场

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

接口分析

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

请求方式：POST

返回类型：JSON

接口的URL：http://yhk.market.alicloudapi.com/rest/160601/ocr/ocr_bank_card.json 或 https://yhk.market.alicloudapi.com/rest/160601/ocr/ocr_bank_card.json

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

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

返回的数据：

配置前端事件

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

下面我们设置触发字段；

按照上面的分析：

然后我们进入Header/Body的设置：

Header为Authorization: APPCODE + 你自己的APPCODE

Body为image = 图片字段

设置返回值：

在触发字段（图片字段：上传银行卡照片）值发生改变后，简道云会自动调用我们上面配置的接口，来识别图片中银行卡的信息，识别出的数据会按上述固定的格式返回给简道云，我们需要根据Json Path规则，提取出返回值中的数据放入对应的字段。

效果体验

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

点击测试：银行卡识别demo

你也可以尝试根据此教程将前端事件功能应用再更多的场景。