移动端Web
Web 流程中的原生设备集成
围绕原生桥接的自定义 React 封装,加上一个稳健的扫描状态机,在原本的默认界面表现不佳的平台上提高了完成率。
- 技术栈
- React · React Native bridge · State machines
问题
通过多家供应商读取硬件芯片,面对种类繁多的手机和网络,完成率很低。浏览器无法与硬件通信,所以一切都经由原生应用的桥接,而供应商自带的界面在用户移动设备时会悄无声息地失败。
方案
- 围绕原生桥接的自定义 React 封装,取代供应商自带的界面。我们的版本加入了视觉对齐引导、触觉反馈、错误恢复循环以及自己的品牌风格。
- 显式的异步状态机(扫描、读取、验证),在连接中断时自动重试。
结果
在默认界面原本表现不佳的平台和市场上,完成率明显提升,上线后整体转化率也有所改善。