在 APP 内完成多类出行业务。
同程旅游 APP 内嵌 H5 业务涵盖火车票、机票、汽车票和酒店预订，需要连接支付能力、登录状态、订单及行程信息。
APP 内嵌 H5 · 出行预订 / 项目经历
同程旅游 H5.
连接预订、支付与行程。
开发同程旅游 APP 内嵌 H5 业务，覆盖火车票、机票、汽车票、酒店预订，以及支付、订单与行程功能。产品开发实践
01 /
业务与交付
BUSINESS → DELIVERY
预订业务与原生 APP 双向协作。
开发票务和酒店预订系统，集成微信支付与支付宝；实现 JSBridge 双向通信，支持登录状态同步、支付调用和订单回传。
02 /
核心功能与交付。
票务与酒店预订
火车票、机票、汽车票和酒店预订，集成微信支付与支付宝。
JSBridge 与 WebView
实现登录状态同步、支付调用和订单回传，优化 WebView 加载性能与首屏体验。
订单与行程服务
支持订单查询、取消、改签、电子票展示、行程提醒及 Deep Link 深度链接。
03 / 技术实现
H5、JSBridge 与 WebView 协同。
围绕 APP 内嵌 H5 业务实现与原生端的双向通信，完成支付和订单交互，并优化 WebView 加载性能与首屏体验。
FEATURE SCOPE / 10
预订与支付火车票 · 机票 · 汽车票 · 酒店 · 微信 / 支付宝
APP 协作登录同步 · 支付调用 · 订单回传 · WebView
订单与行程查询 / 取消 / 改签 · 电子票 · 提醒 · Deep Link
同程旅游 H5 · FEATURE MAP04 / 交付范围
覆盖从出行预订到订单和行程的 H5 业务。
交付范围包括四类预订业务、支付集成、JSBridge 通信、订单查询/取消/改签、电子票、行程提醒和深度链接。
下一个案例 / 01