One-Stop AI 风控平台
2021.06 - 2023.06·前端架构师Vue2ReactAIOCR跨境金融
问题
东南亚银行的线上开户流程需要在浏览器里完成身份鉴定与风险评估,涉及 OCR 识别证件、活体检测等多媒体设备调用,并要与银行既有系统对接、把结果回传到银行客户侧。这类项目的难点在于多媒体能力在移动端与 PC 端的差异:摄像头与麦克风的调用在两端行为不一致,权限申请时机、采集格式、回放校验都容易出问题;而身份数据本身又是最敏感的部分,一旦出错就是真实的资损与合规风险,不能靠人工兜底。
方案
0-1 架构与技术栈选型
主导平台前端架构设计与技术落地,按场景融合 Vue2 与 React17 两套技术栈——存量模块沿用 Vue2 保证不返工,新模块用 React17 承接交互复杂度高的部分。
公共组件库与 AI 前端 SDK
把 OCR、活体检测等能力从业务页面中抽离成可复用的 SDK 与组件,识别与评估结果实时回传银行客户侧。这个抽离是后续项目成本下降的关键——新客户接入时只需调用既有能力,不必重写。
DIV 身份认证系统 0-1
独立主导身份认证模块,核心是解决移动端 / PC 端摄像头与麦克风调用的差异——包括权限申请时机、采集格式协商与失败重试路径,把跨端差异收敛在适配层内,让上层业务用同一套调用代码。
跨项目复用
组件库与 SDK 在后续项目中直接复用,节省了大量重复开发成本。
成果
项目成功上线并服务渣打银行(印尼)等跨境金融客户;身份识别与风险评估在移动端与 PC 端均稳定运行,生产事故率降低 30%+;抽离出的组件库与 SDK 被多个项目直接复用。