目录

一、什么是华为云数字化差旅？

二、传统企业差旅管理面临哪些挑战？

三、华为云数字化差旅应用从原生到混合开发演进过程

四、基于React Native技术栈为基础不断探索和演进

五、应用内嵌网页能力建设和应用场景探索

六、华为云数字化差旅应用有哪些产品力

七、华为数字化差旅应用未来发展方向规划

八、总结

前言

从原生开发转向混合开发，华为云数字化差旅App经历了何种演变之路？在To B业务中，当小而美的团队邂逅多元定制化的繁杂业务需求，混合开发的魅力如何呈现？本期直播，华为云数字化差旅专家徐意将为您揭示其中奥秘，带你深度了解APP端混合开发。

一、什么是华为云数字化差旅？

华为云数字化差旅，基于华为差旅管理经验总结，定位于企业差旅管理（TMC）市场，拥有15年+大型企业差旅管理经验，致力于把数字化差旅带入每个企业、每个员工。基于华为云云原生基础设施，应用强大的AI+大数据能力，通过构建“全流程、全场景、全数据”的数字化、一体化的数字化差旅管理平台，为客户提供从差旅申请、审批、预订、行中保障、报销及差旅分析的一站式出行服务，助力其实现精益管理、提质增效、安全合规，不断提升员工出行体验，最终使能企业数字化转型成功。

二、传统企业差旅管理面临哪些挑战？

1、管理难

企业全球化发展，本地化政策遵从等管理复杂度加剧；事后管控，业务真实性难保证，合规风险高

2、成本高

差旅资源分散预定，无法发挥集采优势，成本难降低；员工行为无法全流程管控，差旅成本高

3、效率低

差旅审批，预定，报销多次审批，流程长；报销单据多而杂、财务人工审核效率低

4、体验差

员工差旅流程耗时长、体验差；事后报销，垫付压力大，服务不及时，全球化安全保障弱

三、华为云数字化差旅应用从原生框架到混合开发演进过程

APP原生框架以性能高、体验好、功能丰富、稳定性高等特点而著称。但是由于其也存在开发成本高、移植性差、发布节奏慢等劣势，在现今越来越敏捷的交付节奏下，逐渐难以满足开发者及企业的诉求。

华为云数字化差旅在市场拓展过程中，随着企业客户的不断增加，多层面的差异性逐渐显现，差旅业务开发面临着诸多挑战：对接模式的差异、企业白牌定制、企业业务及个性化模块定制、企业差旅管理政策差异、企业紧急政策要求、多团队版本配合、特殊场景需求保障等等。在高频的项目交付中，“体验要好、交付要快、功能稳定、成本要低”成为客户的一致诉求。如何在持续满足客户需求的同时推进技术升级，也是当前差旅团队亟待思考的点。

从框架诉求、开发能力模型、维护成本3个维度出发，华为云数字化差旅开发团队综合评估了市面上主流成熟的混合开发框架，通过分析Hybrid、React Native、Flutter、Uni-app等框架的优缺点，结合实际业务诉求，引入React Native框架去尝试解决业务交付难题。

四、基于React Native技术栈为基础的不断探索及演进

在引入React Native框架后，团队之前面临的种种客户交付跳转看似也有了可行的解决方案。但团队逐步在做去割接其他业务时，也浮现出一些新的框架问题：

1、单RN包模式下，随着业务逐渐增多，bundle变大，初始化时间较长，内存消耗大；

2、整包热更新模式导致热更新文件大，下载等待时间长，生效慢；

3、随着客户增多，不同的客户包、不同版本需要不同的补丁包，导致手工管理困难。

基于这些问题，团队开始思考和寻找对应的解决方案，随后采取如下措施：

(1)  使用Facebook metro构建工具进行进行分包能力开发，实现基本包与业务包分解，各业务包代码与功能独立，相互隔离，业务按需加载，按需释放。

(2) APP端热更新同步分包机制，按业务包实现独补丁包隔离。同时研究热更新生效策略并尝试启动等待生效，再启动生效，实时生效等多种策略。

(3) 基于华为云强大的平台能力，构建服务端补丁包管理体系：

• 使用google diff-match-patch text算法自动化实现代码差异对比，流水线构建增量补丁包，显著降低补丁包大小。

• 自建热更新管理系统，实现多产品、多版本、多渠道补丁分发管理以及灰度发布能力。

• 使用华为云OBS安全存储，CDN分发等服务提升补丁包下载速率及稳定性，同时根据针对补丁包进行安全校验防篡改以及补丁包密码加密等能力。 

除了以上框架问题之外，团队通过持续构建RN能力生态，不断提升客户个性化诉求的场景覆盖及交付效率：

（4）建设并持续完善RN组件库，快速构建企业UI页面；

（5）通过字体库图标、插画系统，实现图片素材的可定制化；

（6）设计个性化主题配置能力，实现配套主题切换；

（7） 持续RN版本升级，提升性能、引入新功能；

（8） 提供真机调测包；多环境切换能力，提升开发测试效率；

（9） 尝试构建自动化测试能力。

五、应用内嵌网页能力建设及应用场景探索

差旅APP内应用场景的复杂多样性使得框架层面在一些场景上需要使用到webview模块的使用，即通过APP内置浏览器打开web页面给用户提供一些服务能力，团队总结为如下4类场景：

基于以上各类应用场景，差旅APP首先通过Android及iOS原生功能的开发及配置满足如支付等三方应用跳转场景及电话、邮件、相册、文件、定位、多媒体等能力场景，同时又进一步构建一套较完备的JSBridge方法库，将web页面所需的原生能力封装成API，包括界面交互类（如返回、刷新、导航栏等）、登录类（登录信息获取、实时登录等）、系统信息类(系统、版本、安全区域、设备id、暗黑、字体等)及其他功能类（分享、定位、跳转、业务功能等）。

在提供各类方法能力的同时，团队注意到web端的能力诉求涉及一定的敏感信息类，故在提供这类能力的同时，设计并构建了一套webview安全加固策略：域名白名单管控；JSBridge 方法管控；业务Token权限管控。

六、华为云数字化差旅应用有哪些产品力

1、差旅管控

提供含差标管理、差旅等级管理、员工管理、管控方式等在内的基础管控及机票、酒店、火车票、用车等差旅资源的预订管控、价格管控、超标管控等多个细分管控项，通过丰富的场景化管控能力，满足企业多样化管控需求，实现更好的差旅遵从与合规，确保业务真实合规。

2、智慧审批

基于审批信息、审批流管理等差旅审批相关业务场景，为企业提供流程设置、信息设置、预算管控、消息通知、预订协同、报销协同等众多场景化服务能力，帮助企业构筑高效差旅审批流程，实现精益管理。

3、智慧预订

借助AI+大数据，实现智慧行程规划，实时预测和规划行程，提升出行体验；通过智能推荐、智慧搜索、多样化支付方式等，帮助员工高效预订优质、精准的差旅资源，提高员工出行效率。提供全天候、全流程、全场景的服务保障，确保员工出行无忧。

4、费用管理

提供预算管理、开票管理、结算管理等多个企业差旅费用管理能力。企业可按部门或项目维度进行预算配置，支持预算状态及执行可视化；满足出行人自定义开票、在线开票等多样化开票需求；通过多维度结算管理，帮助企业实现高效、合规管控。

5、数智运营

基于企业差旅消费、成本、节省、预订、出行行程等不同场景和维度，提供在线报告、数据报表、差旅地图、数据大屏4大数据产品服务。通过60+份在线报告，可自定义的明细报表下载，一体化数据驾驶舱全方位洞悉，帮助企业实时掌控差旅动向，清晰了解人去哪、钱花哪、钱省哪，辅助科学决策。

七、华为云数字化差旅应用未来发展方向规划

为持续支撑业务发展、提升用户体验、沿袭“全场景、全流程、全数据”的建设思路，华为云数字化差旅团队基于自身技能及业务特点，会始终保持研究投入。对于差旅App未来发展，给出了三个阶段的规划：

• 短期内，主要着眼于RN版本可信、热更新能力的提升；

• 中期内，计划构建起RN+H5的融合方案，打造原子化、场景化的服务能力；

• 长期发展来看，会依托低代码等先进技术，打造多框架共建及配置化能力成为预研方向。

八、总结

在最后的分享环节，针对中小企业在面临繁重、多元定制的交付需求等问题，讲师也从团队定位、APP框架选型、研发投入、生态构建、网络安全意识提升等方面给出了可行性的建议，希望开发者们能够依托混合开发玩转高效定制，快速响应客户需求，实现自身技术的迭代升级。

通过本次直播的学习我们认识到：华为云数字化差旅应用源自华为，拥有15年+的大型企业，全球化、复杂差旅管理成功实践，沉淀出从战略规划到平台建设的完整方法论体系，全球170+国家和地区法律法规、政策遵从、多币种差标管控与结算，沉淀为平台能力，确保企业全球业务合规。近200个AI场景应用，从审批到预定流程有3天缩短为3分钟，从被动响应到主动采购转变，资源次啊狗效率提升2周，数智化运营，自定义分析维度，决策效率提升70%。基于华为云构建极致平台安全与隐私保护，遵循可追溯，可恢复、攻不进、看不见、看不懂、拿不走、毁不掉原则，确保业务零安全风险。

本文参与华为云社区【内容共创】活动第23期。

任务1：DTSE Tech Talk 技术直播 NO.21 揭秘华为云数字化差旅：如何用混合开发玩转高效定制？