How Huawei Cloud’s Digital Travel App Uses Hybrid Development for Fast Customization

Huawei Cloud Developer Alliance presented a technical talk on the digital travel app, showcasing how hybrid development can meet diverse enterprise customization needs efficiently.

From Native to Hybrid

The native app offers high performance but suffers from high development cost, poor portability, and slow release cycles, prompting a shift to hybrid frameworks such as React Native, Flutter, Uni‑app, and Hybrid.

React Native Exploration

Introducing React Native brought code sharing between Android and iOS, improving development and debugging efficiency. Benefits observed include:

Efficiency : One codebase for both platforms accelerates development.

Performance : Slight interaction performance drop, but overall experience remains acceptable.

Difficulty : JavaScript skills lower the learning curve.

Hot Update : Enables flexible updates without full app releases.

However, challenges emerged:

Large bundle size leads to long initialization time and high memory usage.

Full‑bundle hot updates generate large files, causing slow download and activation.

Multiple client‑specific patches increase manual management complexity.

Solutions Implemented

The team adopted several measures:

Used Facebook Metro to split the bundle into a base package and independent business packages, enabling on‑demand loading and unloading.

Implemented a synchronized split‑package hot‑update mechanism, isolating patches per business package and exploring various activation strategies.

Built a server‑side patch management system leveraging Huawei Cloud OBS, CDN, secure storage, and encryption to reduce patch size and ensure integrity.

Applied google diff‑match‑patch for incremental patch generation.

Additional enhancements include a reusable RN component library, customizable icon and illustration assets, theme configuration, continuous RN version upgrades, real‑device testing packages, multi‑environment switching, and automated testing capabilities.

WebView Capability Construction

Four application scenarios required WebView integration: enterprise‑specific modules, cross‑platform shared modules, high‑change modules, and activity‑driven modules. The team implemented native features for payments, calls, emails, media, etc., and built a comprehensive JSBridge API covering UI interaction, login, system info, and other functions.

Security measures for WebView include domain whitelist control, JSBridge method restrictions, and business token permission management.

Future Roadmap

Short term: Enhance RN version reliability and hot‑update capabilities.

Mid term: Develop an RN + H5 fusion solution for atomic, scenario‑based services.

Long term: Explore low‑code and multi‑framework co‑development to enable configurable capabilities.

In the concluding session, the speaker offered practical advice for small‑to‑medium enterprises on framework selection, R&D investment, ecosystem building, and security awareness, encouraging developers to leverage hybrid development for rapid, high‑quality customization.