1# 简介 2 3 4## 背景 5 6随着终端设备形态日益多样化,分布式技术逐渐打破单一硬件边界,一个应用或服务,可以在不同的硬件设备之间随意调用、互助共享,让用户享受无缝的全场景体验。而作为应用开发者,广泛的设备类型也能为应用带来广大的潜在用户群体。但是如果一个应用需要在多个设备上提供同样的内容,则需要适配不同的屏幕尺寸和硬件,开发成本较高。OpenHarmony 系统面向多终端提供了“一次开发,多端部署”(后文中简称为“一多”)的能力,让开发者可以基于一种设计,高效构建多端可运行的应用。 7 8![zh-cn_image_0000001267340890](figures/zh-cn_image_0000001267340890.jpg) 9 10 11## 定义及目标 12 13**定义**:一套代码工程,一次开发上架,多端按需部署。 14 15**目标**:支撑开发者快速高效的开发支持多种终端设备形态的应用,实现对不同设备兼容的同时,提供跨设备的流转、迁移和协同的分布式体验。 16 17![multi_device](figures/multi_device.jpg) 18 19为了实现“一多”的目标,需要解决两个基础问题: 20 21- 不同设备间的屏幕尺寸、色彩风格等存在差异,页面如何适配。 22 23- 不同设备的系统能力有差异,如智能穿戴设备是否具备定位能力、智慧屏是否具备摄像头等,功能如何兼容。 24 25从第4章开始将从UX设计、系统能力等角度,详尽的解答上述问题。 26 27> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:** 28> - 应用开发不仅包含应用页面开发,还包括应用后端功能开发以及服务器端开发等。 29> 30> - 本文旨在指导开发者如何在OpenHarmony系统中开发“一多”应用,服务器端开发不在本文探讨范围内。 31 32 33## 基础知识 34 35为了更好的阅读后面的章节,本小节主要介绍了一些基础知识,方便读者理解内容。 36 37### 方舟开发框架 38 39OpenHarmony提供了[方舟开发框架](../../ui/arkui-overview.md)(简称:ArkUI),提供开发者进行应用UI开发时所必须的能力。 40 41方舟开发框架提供了两种开发范式,分别是基于JS扩展的类Web开发范式(后文中简称为“类Web开发范式”)和基于ArkTS的声明式开发范式(后文中简称为“声明式开发范式”)。 42 43- **声明式开发范式**:采用TS语言并进行声明式UI语法扩展,从组件、动效和状态管理三个维度提供了UI绘制能力。UI开发更接近自然语义的编程方式,让开发者直观地描述UI界面,不必关心框架如何实现UI绘制和渲染,实现极简高效开发。同时,选用有类型标注的TS语言,引入编译期的类型校验,更适用大型的应用开发。 44 45- **类Web开发范式**:采用经典的HML、CSS、JavaScript三段式开发方式。使用HML标签文件进行布局搭建,使用CSS文件进行样式描述,使用JavaScript文件进行逻辑处理。UI组件与数据之间通过单向数据绑定的方式建立关联,当数据发生变化时,UI界面自动触发更新。此种开发方式,更接近Web前端开发者的使用习惯,快速将已有的Web应用改造成方舟开发框架应用。主要适用于界面较为简单的中小型应用开发。 46 47两种开发范式的对比如下。 48 49 | **开发范式名称** | **语言生态** | **UI更新方式** | **适用场景** | **适用人群** | 50| -------- | -------- | -------- | -------- | -------- | 51| 声明式开发范式 | ArkTS语言 | 数据驱动更新 | 复杂度较大、团队合作度较高的程序 | 移动系统应用开发人员、系统应用开发人员 | 52| 类Web开发范式 | JS语言 | 数据驱动更新 | 界面较为简单的中小型应用和卡片 | Web前端开发人员 | 53 54> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:** 55> 声明式开发范式占用内存更少,**更推荐开发者选用声明式开发范式来搭建应用UI界面**。 56 57### 应用程序包结构 58 59在进行应用开发时,一个应用通常包含一个或多个Module。Module是OpenHarmony应用/服务的基本功能单元,包含了源代码、资源文件、第三方库及应用/服务配置文件,每一个Module都可以独立进行编译和运行。 60 61Module分为“Ability”和“Library”两种类型: 62 63* “Ability”类型的Module编译后生成HAP包。 64 65* “Library”类型的Module编译后生成HAR包。 66 67OpenHarmony的应用以APP Pack形式发布,其包含一个或多个HAP包。HAP是OpenHarmony应用安装的基本单位,HAP可以分为Entry和Feature两种类型: 68 69* Entry类型的HAP:应用的主模块。在同一个应用中,同一设备类型只支持一个Entry类型的HAP,通常用于实现应用的入口界面、入口图标、主特性功能等。 70 71* Feature类型的HAP:应用的动态特性模块。Feature类型的HAP通常用于实现应用的特性功能,一个应用程序包可以包含一个或多个Feature类型的HAP,也可以不包含。 72 73> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:** 74> 关于Entry类型的HAP包、Feature类型的HAP包、HAR包以及APP Pack的详细介绍请参考[应用程序包结构说明](../../quick-start/application-package-structure-stage.md) 。 75 76### 部署模型 77 78“一多”有两种部署模型: 79 80- **部署模型A**:不同类型的设备上按照一定的工程结构组织方式,通过一次编译生成**相同**的HAP(或HAP组合)。 81 82- **部署模型B**:不同类型的设备上按照一定的工程结构组织方式,通过一次编译生成**不同**的HAP(或HAP组合)。 83 84开发者可以从应用UX设计及应用功能两个维度,结合具体的业务场景,考虑选择哪种部署模型。当然,也可以借助设备类型分类,快速做出判断。 85 86从屏幕尺寸、输入方式及交互距离三个维度考虑,可以将常用类型的设备分为不同泛类: 87- 默认设备、平板 88 89- 车机、智慧屏 90 91- 智能穿戴 92 93- …… 94 95**对于相同泛类的设备,优先选择部署模型A,对于不同泛类设备,优先选择部署模型B。** 96 97> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:** 98> 99> * 应用在不同泛类设备上的UX设计或功能相似时,可以使用部署模型A。 100> * 应用在同一泛类不同类型设备上UX设计或功能差异非常大时,可以使用部署模型B,但同时也应审视应用的UX设计及功能规划是否合理。 101> 102> * 本小节引入部署模型A和部署模型B的概念是为了方便开发者理解。实际上在开发多设备应用时,如果目标设备类型较多,往往是部署模型A和部署模型B混合使用。 103> 104> * 不管采用哪种部署模型,都应该采用一次编译。 105 106### 工程结构 107 108“一多”推荐在应用开发过程中使用如下的“三层工程结构”。 109 110- common(公共能力层):用于存放公共基础能力集合(如工具库、公共配置等)。 111 112 common层不可分割,需编译成一个HAR包,其只可以被products和features依赖,不可以反向依赖。 113 114- features(基础特性层):用于存放基础特性集合(如应用中相对独立的各个功能的UI及业务逻辑实现等)。 115 116 各个feature高内聚、低耦合、可定制,供产品灵活部署。不需要单独部署的feature通常编译为HAR包,供products或其它feature使用。需要单独部署的feature通常编译为Feature类型的HAP包,和products下Entry类型的HAP包进行[组合部署](../../quick-start/multi-hap-objective.md)。features层可以横向调用及依赖common层,同时可以被products层不同设备形态的HAP所依赖,但是不能反向依赖products层。 117 118- products(产品定制层):用于针对不同设备形态进行功能和特性集成。 119 120 products层各个子目录各自编译为一个Entry类型的HAP包,作为应用主入口。products层不可以横向调用。 121 122代码工程结构抽象后一般如下所示: 123 124 125``` 126/application 127├── common # 可选。公共能力层, 编译为HAR包 128├── features # 可选。基础特性层 129│ ├── feature1 # 子功能1, 编译为HAR包或Feature类型的HAP包 130│ ├── feature2 # 子功能2, 编译为HAR包或Feature类型的HAP包 131│ └── ... 132└── products # 必选。产品定制层 133 ├── wearable # 智能穿戴泛类目录, 编译为Entry类型的HAP包 134 ├── default # 默认设备泛类目录, 编译为Entry类型的HAP包 135 └── ... 136``` 137 138> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:** 139> 140> * 部署模型不同,相应的代码工程结构也有差异。部署模型A和部署模型B的主要差异点集中在product层:部署模型A在product目录下同一子目录中做功能和特性集成;部署模型B在product目录下不同子目录中对不同的产品做差异化的功能和特性集成。 141> 142> 143> * 开发阶段应考虑**不同类型设备间最大程度的复用代码**,以减少开发及后续维护的工作量。 144> * 整个代码工程最终构建出一个[APP包](#应用程序包结构),应用以APP包的形式发布到应用市场中。 145 146