Deliver multiple travel services inside the app.
The embedded H5 business covers train, flight, coach, and hotel bookings, connected with payments, login state, orders, and journey information.
EMBEDDED H5 · TRAVEL BOOKING / PROJECT EXPERIENCE
Tongcheng Travel H5.
Connect booking, payments, and journeys.
Developed H5 features embedded in the Tongcheng Travel app, covering train, flight, coach, and hotel bookings, plus payments, orders, and journey information.PRODUCT DEVELOPMENT
01 /
Business needs & delivery
BUSINESS → DELIVERY
Connect booking flows with the native app.
Developed ticket and hotel booking systems with WeChat Pay and Alipay. Implemented bidirectional JSBridge communication for login-state synchronization, payment invocation, and order callbacks.
02 /
Features & delivery.
Tickets, hotels & payments
Train, flight, coach, and hotel bookings with WeChat Pay and Alipay.
JSBridge & WebView
Login-state synchronization, payment invocation, and order callbacks, plus WebView loading and first-screen optimization.
Orders & journey services
Order lookup, cancellation and changes; e-ticket display, journey reminders, and Deep Links.
03 / TECHNICAL IMPLEMENTATION
H5, JSBridge, and WebView integration.
Implemented bidirectional communication between embedded H5 flows and the native app for payments and orders, and optimized WebView loading and the first-screen experience.
FEATURE SCOPE / 10
BOOKING & PAYMENTTrain · Flight · Coach · Hotel · WeChat Pay / Alipay
APP INTEGRATIONLogin sync · Payment calls · Order callbacks · WebView
ORDERS & JOURNEYSLookup / Cancel / Change · E-tickets · Reminders · Deep Link
TONGCHENG TRAVEL H5 · FEATURE MAP04 / DELIVERED SCOPE
Deliver embedded travel flows from booking through journey management.
The scope includes four booking categories, payment integrations, JSBridge communication, order lookup/cancellation/changes, e-tickets, journey reminders, and Deep Links.
NEXT CASE STUDY / 01