uni-app双引擎助力开发者高效构建鸿蒙应用

1. uni-app双引擎助开发者

2. 个介绍崔红保 DCloud CTO ✦ uni-app 跨端框架负责 ✦ 跨平台开发兵 ✦ 深耕开发者服务领域，在跨平台、前端 UI、优化等经验较多。程序性能

3. 录 01 开发的核 uni-app x ：更总结与展望挑战性能、更好体验的鸿蒙化案

4.

5. 开发效率与运性能如何兼得？鸿蒙应 01 开发的核挑战

6. 技术视

7. 团队视

8. ArkUI声明式范式 vs Web开发思维 B 样式系统割裂 UI构建模式差异结构约束、更新机制 css层叠样式、复杂选择器、动画 A 事件机制断层 ArkUI范式 vs 传统web开发冒泡捕获的委托机制、组件粒度的回组件设计哲学标签组件化、功能原调绑定 C D 化组件

9. 02 uni-app 鸿蒙化 webview混合渲染引擎，存量业务极速迁移

10. uni-app 鸿蒙化适配 Page 案 Page Web ComponenTS App native ComponenTS 逻辑层框架视图层框架经典Hybrid架构 • 逻辑层、视图层分离； • 对存量uni-app项 HarmonyOS； js runtime webview jsBridge ArkTS 友好，平滑迁移

11. uni-app功能框架图原扩 API 程序插件 QQ 程序插件付宝 / 百度 / 头条 / 快微信专有 API: 如微信运动卡券等业务 API QQ 专有 API: 如打开 Q 说说发表界专有 API

12. uni-app在 HarmonyOS NEXT 功能总览组件管理管理排版渲染权限管理界应管理 cookie管理络配置管理 uni_modules 三服务数据响应具链接

13. uni-app的web架构对存量开发者最为友好 ➢ 最和主流的适配成本程序架构 ➢ 最快致，兼容性最好，改造量最基于uni-app开发的存量App、程序、H5应发布成鸿蒙App、元服务。。，均可快速更快驻鸿蒙态驻，抢先接收鸿蒙的流量红利，抢先发展户。

14. web渲染引擎的缺陷

15. 逻辑视图分离架构，导致通讯阻塞逻辑层 touch 视图层 render 3 2 4 Native层 1

16. 03 uni-app x TS + Vue 源码转译为 ArkTS + ArkUI

17. App平台的跨端框架，总被诟病性能体验不佳。为什么？

18. 程序平台的跨端框架

19. App平台的跨端框架 VS 系统原混合渲染新坑

20. App跨端框架，关键需解决：运

21. uni-app x：基于语翻译的跨平台框架 Kotlin （ A ndr oi d ） JavaScript (p c/h5 ) 核 • 启 Sw if t （ i O S） ArkTS & ArkUI 程序 ) （ HarmonyOS ） N a t i v e平台 We b平台原渲染，规避web渲染的性能短板； • 逻辑层、视图层全原间通讯阻塞； JavaScript ( 改进，消除进程

22. uni-app x HarmonyOS适配

23. HarmonyOS交互：代码混编前端

24. HarmonyOS交互：扩展UI <native-view>组件，挂载并渲染原

25. 渐进式升级存量鸿蒙项将 uni-app x sdk 引新增模块使存量鸿蒙程， uni-app x 开发

26. 多端质量保证：通过断验证接作和预期的、UI操致性。动化测试编译时间、启动时间、 CPU/内存数据、时间、编译后件通过截图对渲染多端的性。致通过多个历史版本，纵向对检多个参数，保证版本更新不引发兼容问题。测。性能功能多端致性历史版本致性

27. 多端质量保证：动化测试

28. uni 程序SDK 1. 2. 鸿蒙App扩展程序 ➢ 精简安装包，降低下载安装折损 ➢ 丰富业务，提升兼容uni-app 户留存态 ➢ 兼容业内基于uni-app开发的 ➢ 兼容uni-app插件市场1.5万款插件程序 3. 跨平台，兼容主流mobile OS 4. 免费鸿蒙平台，更定义的安装包与更多业务承载的最佳实践

29. 鸿蒙元服务 ➢ uni-app已持鸿蒙元服务基于uni-app开发的存量为鸿蒙元服务。万程序，均可快速发布

30. 鸿蒙案例官华为旗下莫塞尔商城 hello uni-app 开源中国演示应

31. 04 总结与展望

32. 开发者的核持度覆盖扩展性动化测试、具链性能功能体验，接近原列表、势拖动开发体验跨端框架程化运 DSL 态的丝滑？错误提示、souremap、热重载户群体、学习槛、态复

33. 如何选择？有uni-app存量应开发鸿蒙应 uni-app 1.0 ：快速转换，抢占鸿蒙早期流量 uni-app x：从头开发，逐步迁移其它OS平台，更性能、更好体验没有uni-app存量应其它跨端框架（研、三快速转换或者从头开发）

34. 未来规划 ➢ 更丝滑的性能体验 ➢ 更丰富的态 uni-app x 实现 ArkTS + ArkUI 的 HarmonyOS NEXT 拥抱web 态，类搭积应。效的开发体验 uniCloud：云端体，效开发；放持：sourcemap、debug、语法提示、 HBUIlderX深度 ➢ 更运营，并发虞。键打包。态、uni 持式快速构建鸿蒙App。

35. 个感受国产替代浪潮奔涌，鸿蒙适配已成必答题，跨端框架是破局多OS割裂的最优解。

36.

37. THANKS 模型正在重新定义软件 Large Language Model Is Redefining The Software