小红书鸿蒙一多工程实践--基于鸿蒙一多特性打造多设备使用体验

1. 小红书鸿蒙一多工程实践 ——基于鸿蒙一多特性打造多设备使用体验小红书社区前端负责人 / 付正宗

2.

3. 小红书鸿蒙业务背景 • 2023年6月，通过商务生态合作契机，初识鸿蒙并启动了技术调研 • 2023年8月，华为开发者大会与鸿蒙达成生态合作并正式立项开发 • 2023年11月，小红书鸿蒙原生应用Beta版上架，成为2亿月活应用中首家 • 2024年1月，基于鸿蒙一多创新特性完成手机、折叠屏、平板等设备适配

4. 鸿蒙原生应用展示

5. 小红书鸿蒙一多背景 • 万物互联 • 设备多样化 • 场景多样化

6. 一次开发多端部署 • 一次开发，多端适配：断点设计系统、自适应/响应式 • 一次编译，多端部署：多设备配置管理、多目标构建

7. 一次开发多端适配

8. 一多断点规范：宽度区间 & 宽高比 • • • • • • • Min：Width < 300 Small：300 ≤ Width < 480 Middle：480 ≤ Width < 568 Normal：568 ≤ Width < 772 Big：772 ≤ Width < 960 Large：960 ≤ Width < 1400 Max：1400 ≤ Width • • • W:H < 0.75 0.75 ≤ W:H < 0.88 0.88 ≤ W:H

9. 一多开发适配 • 响应式断点系统 • ArkUI 容器组件

10. 一多开发适配 • 响应式断点系统 • ArkUI 容器组件

11. 一多开发适配 • 响应式断点系统 • ArkUI 容器组件：Row/Column/Flex、Tabs/WaterFlow

12. 案例 - 首页Tab挪移布局

13. 案例 - 笔记分栏布局

14. 案例 - Feeds增列布局

15. 一次编译多端部署 • 多目标构建：手机、平板、2in1、可穿戴、车载 • 多版本构建：测试包、正式包、预装包、插件包

16. 一多应用架构分层

17. 多目标构建

18. 多版本构建流水线

19. 多版本构建功能展示

20. 多版本构建功能展示

21. 多版本构建命令

22. 鸿蒙多设备创新能力展望 • 服务互通能力：跨设备协同发布 • 应用接续能力：跨设备视频播放

23.

24.