0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

鸿蒙开发ArkUI-X基础知识:【ArkUI代码工程及构建介绍】

jf_46214456 来源:jf_46214456 作者:jf_46214456 2024-05-25 16:45 次阅读

代码工程及构建介绍

背景

ArkUI作为OpenHarmony的默认开发框架,在本项目(ArkUI-X)中需要做到一套代码同时支持多平台构建,所以会采取共仓开发的方式,部分仓直接指向OpenHarmony相关开源仓。

代码结构及仓库结构

代码工程的目录结构如下:

├── arkcompiler                 // 方舟编译器
├── base                        // 基础能力
├── build                       // 项目构建和配置脚本
├── build_plugins               // 跨平台构建插件
├── commonlibrary               // 公共基础库
├── community                   // 社区相关
├── developtools                // 开发者工具
├── docs                        // 配套文档
├── foundation
│   ├── appframework            // 应用框架兼容适配层
│   ├── arkui                   // ArkUI引擎
│   ├── communication           // 通信能力
│   ├── distributeddatamgr      // 分布式数据管理
│   ├── filemanagement          // 文件管理
│   ├── graphic                 // 图形引擎
│   └── multimedia              // 多媒体
├── interface                   // 接口声明
├── plugins                     // 插件管理与实现
├── prebuilts                   // 预编译目录
├── productdefine               // 产品形态配置
├── samples                     // 示例代码
├── test                        // 测试框架与用例
└── third_party                 // 三方库

`HarmonyOS与OpenHarmony鸿蒙文档籽料:mau123789是v直接拿`

搜狗高速浏览器截图20240326151547.png
具体的代码结构及指向,见下表:

目录路径描述代码仓位置
build项目构建和配置脚本[OpenHarmony/build]
build_plugins跨平台构建插件[ArkUI-X/build_plugins]
samples应用程序样例[ArkUI-X/samples]
community社区运作管理[ArkUI-X/community]
docs说明文档[ArkUI-X/docs]
interface/sdkArkUI-X SDK配置[ArkUI-X/interface_sdk]
pluginsAPI插件管理,OpenHarmony API插件实现[ArkUI-X/plugins]
test/xtsArkUI-X跨平台应用测试套件[ArkUI-X/xts]
test/testfwk/arkxtestArkUI-X测试框架[ArkUI-X/arkxtest]
developtools/ace_tools跨平台命令行工具[ArkUI-X/cli]
foundation/appframework应用框架兼容适配层[ArkUI-X/app_framework]
foundation/arkui/ace_engine/adapter/androidAndroid平台适配代码[ArkUI-X/arkui_for_android]
foundation/arkui/ace_engine/adapter/iosiOS平台适配代码[ArkUI-X/arkui_for_ios]
foundation/arkui/ace_engineArkUI 引擎核心代码[OpenHarmony/arkui_ace_engine]
foundation/arkui/napiNative API扩展机制[OpenHarmony/arkui_napi]
foundation/communication/netmanager_base网络管理模块[OpenHarmony/communication_netmanager_base]
foundation/communication/netstack网络协议栈[OpenHarmony/communication_netstack]
foundation/graphic/graphic_2d2D图形基础库[OpenHarmony/graphic_graphic_2d]
foundation/filemanagement/file_api提供目录和文件的访问操作接口[OpenHarmony/filemanagement_file_api]
foundation/multimedia/image_framework图片编解码功能实现[OpenHarmony/multimedia_image_framework]
developtools/ace_ets2bundle基于ArkTS的声明式开发范式编译转换工具和跨平台应用构建工具[OpenHarmony/ace_ets2bundle]
developtools/ace_js2bundle兼容JS的类Web开发范式编译转换工具和跨平台应用构建工具[OpenHarmony/ace_js2bundle]
arkcompiler/ets_frontend方舟前端工具[OpenHarmony/arkcompiler_ets_frontend]
arkcompiler/ets_runtime方舟ArkTS运行时[OpenHarmony/arkcompiler_ets_runtime]
arkcompiler/runtime_core方舟编译器运行时[OpenHarmony/arkcompiler_runtime_core]
arkcompiler/toolchain调试调优工具[OpenHarmony/arkcompiler_toolchain]
prebuilts预编译目录,python,nodejs,clang和cmake等通过脚本预下载
third_party开源第三方组件(统一复用OpenHarmony代码仓)引用开源三方库集合
commonliary/c_utils通用的C++功能函数和类[OpenHarmony/commonliary_c_utils]
commonliary/ets_utils用于存放基础类库JSAPI,比如url、uri等[OpenHarmony/commonliary_ets_utils]
base/hiviewdfx/hilog系统日志功能[OpenHarmony/hiviewdfx_hilog]
base/web/webviewWebView组件的Native引擎[OpenHarmony/web_webview]
base/global/resource_management全球化资源管理[OpenHarmony/global_resource_management]

分支同步策略

OpenHarmony相关代码仓,指向OpenHarmony master分支的固定tag点,定期同步,默认按照OpenHarmony的Weekly分支频率进行同步。

ArkUI引擎核心代码仓目录结构

ArkUI引擎核心代码仓 ace_engine 的目录结构以及每个目录的内容如下:

foundation/arkui/ace_engine
├── ace_config.gni      // 全局配置文件
├── adapter             // 平台适配层
│   ├── android         // Android平台适配,独立仓
│   │   ├── build
│   │   ├── capability
│   │   ├── entrance
│   │   ├── stage
│   │   └── osal
│   ├── ios             // iOS平台适配,独立仓
│   │   ├── build
│   │   ├── capability
│   │   ├── entrance
│   │   ├── stage
│   │   └── osal
│   ├── ohos            // OpenHarmony平台适配
│   └── preview         // 预览器平台适配
├── build               // 编译配置
│   ├── ace_gen_obj.gni
│   ├── ace_lib.gni
│   ├── BUILD.gn
│   ├── search.py
│   └── tools
├── BUILD.gn            // 全局编译配置
├── frameworks          // 引擎框架层
│   ├── base            // base库
│   ├── bridge          // 前端桥接
│   └── core            // 引擎核心实现
├── interfaces          // 通用对外接口
│   └── napi
│       └── kits
├── LICENSE
├── OAT.xml
├── README.md
├── README_zh.md
└── test                // 测试相关

编译构建流程

为了支持一套代码在OpenHarmony和其它平台同时构建,需要根据代码结构动态对编译配置进行调整,因为对外依赖可能不同,并且不同环境下可能依赖的外部源码都有差异,所以必须对编译目标(targets)都进行动态的定义,否则无法保持一致。

  • 编译入口: OpenHarmony的编译入口为bundle.json,这里定义了子系统的部件以及对外的接口,放在对应子系统根目录下,ArkUI的其它平台构建暂不需要,使用固定模块名“ace_packages”作为入口。

  • 全局配置: 根目录下的BUILD.gn以及ace_config.gni为全局的配置,其中BUILD.gn下定义了全局使用的“ace_config”、“ace_test_config”,其中ace_config.gni分别定义了以下配置:

    • 全局的变量配置,如“enable_ace_debug”,通过开关进行编译控制。
    • 全局的路径定义,如“ace_napi“,配置路径的变量。
    • 工具链相关的配置,如“windows_buildtool”。
    • 在“ace_config”中使用的全局宏的定义,如“ace_common_defines”。
    • 生成平台相关的配置项“ace_platforms”,这一步是动态定义目标的关键,见如下代码:
    ace_platforms = []
    
    # 通过搜索adapter下的目录,生成所有的adapter目录名
    _ace_adapter_dir = rebase_path("$ace_root/adapter", root_build_dir)
    _adapters = exec_script("build/search.py", [ _ace_adapter_dir ], "list lines")
    
    # 导入每个adapter下的platform.gni,生成platform的定义配置,加入到ace_platforms中
    foreach(item, _adapters) {
    import_var = {}
    import_var = {
      import("$ace_root/adapter/$item/build/platform.gni")
    }
    
    if (defined(import_var.platforms)) {
      foreach(platform, import_var.platforms) {
      if (defined(platform.name)) {
        ace_platforms += [ platform ]
      }
      }
    }
    }
    
  • 平台配置: 每个adapter下的build目录存放平台相关的配置

    ├── BUILD.gn      // 入口目标定义,如"ace_packages"
    ├── config.gni    // 平台配置
    ├── bundle.json   // 部件配置,非OpenHarmony平台暂不需要
    └── platform.gni  // 平台定义
    

    其中,单个config.gni的配置类似如下:

    defines = [
    "OHOS_PLATFORM",
    "OHOS_STANDARD_SYSTEM",
    ]
    
    js_engines = []
    ark_engine = {
    engine_name = "ark"
    engine_path = "jsi"
    engine_defines = [ "USE_ARK_ENGINE" ]
    }
    js_engines += [ ark_engine ]
    
    disable_gpu = true
    use_external_icu = "shared"
    use_curl_download = true
    ohos_standard_fontmgr = true
    sk_use_hilog = true
    accessibility_support = false
    rich_components_support = true
    advance_components_support = false
    form_components_support = false
    
    if (disable_gpu) {
    defines += [ "GPU_DISABLED" ]
    }
    
    cflags_cc = [
    "-Wno-thread-safety-attributes",
    "-Wno-thread-safety-analysis",
    ]
    
    platform_deps = [
    "//foundation/arkui/ace_engine/adapter/ohos/entrance:ace_ohos_standard_entrance",
    "//foundation/arkui/ace_engine/adapter/ohos/osal:ace_osal_ohos",
    ]
    

    这个文件定义了该平台的所有差异化配置,如宏、cflags、平台特有的依赖,以及一些功能性的开关。在具体的模块定义中,宏、cflags这一类编译配置直接从config引入,其它差异需要定义为功能性的开关,如上述的“use_curl_download”,使模块gn及特性的定义更清晰。

  • 动态目标定义: 基于上述平台的配置,就可以实现动态的定义目标,以base模块为例:

    import("//build/ohos.gni")
    import("//foundation/arkui/ace_engine/ace_config.gni")
    
    template("ace_base_source_set") {
      forward_variables_from(invoker, "*")
    
      ohos_source_set(target_name) {
        # 引入平台config中的define和cflags
        defines += invoker.defines
        cflags_cc = []
        cflags_cc += invoker.cflags_cc
    
        deps = [
          "$ace_root/build/third_party/cJSON:third_party_cjson",
          "i18n:ace_base_i18n_$platform",
          "resource:ace_resource",
        ]
    
        configs = [ "$ace_root:ace_config" ]
    
        # add base source file here
        sources = [
          "geometry/animatable_dimension.cpp",
          "geometry/animatable_matrix4.cpp",
          "geometry/matrix4.cpp",
          "geometry/quaternion.cpp",
          "geometry/transform_util.cpp",
          "json/json_util.cpp",
          "log/ace_trace.cpp",
          "log/dump_log.cpp",
          "memory/memory_monitor.cpp",
          "thread/background_task_executor.cpp",
          "utils/base_id.cpp",
          "utils/date_util.cpp",
          "utils/resource_configuration.cpp",
          "utils/string_utils.cpp",
          "utils/time_util.cpp",
        ]
    
      # 通过platform变量来进行区别配置
        if (platform != "windows") {
          # add secure c API
          include_dirs = [ "//utils/native/base/include" ]
    
          sources += [
            "//utils/native/base/src/securec/memset_s.c",
            "//utils/native/base/src/securec/securecutil.c",
            "//utils/native/base/src/securec/secureprintoutput_a.c",
            "//utils/native/base/src/securec/snprintf_s.c",
            "//utils/native/base/src/securec/sprintf_s.c",
            "//utils/native/base/src/securec/strcat_s.c",
            "//utils/native/base/src/securec/strcpy_s.c",
            "//utils/native/base/src/securec/vsnprintf_s.c",
            "//utils/native/base/src/securec/vsprintf_s.c",
          ]
        }
    
        # 通过平台的config决定是否依赖和编译curl
        if (defined(config.use_curl_download) && config.use_curl_download) {
          configs += [ "//third_party/curl:curl_config" ]
          sources += [ "$ace_root/frameworks/base/network/download_manager.cpp" ]
          deps += [ "//third_party/curl:curl" ]
        }
      }
    }
    
    # 根据ace_platforms动态定义目标:假设里面包含三个平台"ohos"、"windows"、"mac",则会定义三个target,
    # 分别为:ace_base_ohos,ace_base_windows,ace_base_mac
    foreach(item, ace_platforms) {
      ace_base_source_set("ace_base_" + item.name) {
        # 从platform中导入变量
        platform = item.name
        defines = []
        cflags_cc = []
        config = {
        }
    
        if (defined(item.config)) {
          config = item.config
        }
    
        if (defined(config.defines)) {
          defines = config.defines
        }
    
        if (defined(config.cflags_cc)) {
          cflags_cc = config.cflags_cc
        }
      }
    }
    
  • 模块定义: 根据目录结构,尽量分成一个个小模块来定义,每个模块定义明确,如果涉及平台差异,使用上述方法定义,内部配置差异尽量使用特性来区分

  • 依赖关系: 依赖关系尽量清楚,按层次依赖,不可反向依赖

  • 开发前请熟悉鸿蒙开发指导文档gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md点击或者复制转到。

开发原则

  • 所有功能实现遵循分层设计
  • frameworks目录下的所有模块都是平台无关的,不能依赖adapter目录下的模块,不能依赖除JS引擎相关的其它子系统
  • 平台相关的代码都必须放到adapter目录对应的平台下,如果需要在frameworks中引用相关,需要进行适当的接口抽象
  • 非OpenHarmony的adapter中不能依赖OpenHarmony其它子系统的模块(例外:该子系统有跨平台计划并且通用)
  • frameworks/core不允许依赖frameworks/bridge下的模块
  • 新增代码不可直接依赖skia接口,使用graphic_2d提供的drawing接口
  • 修改OpenHarmony仓中的内容要保证各平台都能编译通过,功能正常
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • HarmonyOS
    +关注

    关注

    79

    文章

    1909

    浏览量

    29498
  • OpenHarmony
    +关注

    关注

    24

    文章

    3442

    浏览量

    15332
  • 鸿蒙OS
    +关注

    关注

    0

    文章

    185

    浏览量

    4306
收藏 人收藏

    评论

    相关推荐

    鸿蒙开发学习:初探【ArkUI-X

    **简单来说,ArkTS + ArkUI-X 对标的框架为 flutter,一次代码,编译为 native 全平台运行**
    的头像 发表于 05-13 15:58 466次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>开发</b>学习:初探【<b class='flag-5'>ArkUI-X</b>】

    鸿蒙ArkUI-X跨平台开发:【命令行工具(ACE Tools)】

    ACE Tools是一套为ArkUI-X项目跨平台应用开发者提供的命令行工具,支持在Windows/Ubuntu/macOS平台运行,用于构建OpenHarmony/HarmonyOS、Android和iOS平台的应用程序,其功
    的头像 发表于 05-21 17:39 531次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI-X</b>跨平台<b class='flag-5'>开发</b>:【命令行工具(ACE Tools)】

    鸿蒙ArkUI-X跨平台开发:【SDK目录结构介绍

    本文档配套ArkUI-X,将OpenHarmony ArkUI开发框架扩展到不同的OS平台,比如Android和iOS平台,让开发者基于ArkUI
    的头像 发表于 05-20 16:28 495次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI-X</b>跨平台<b class='flag-5'>开发</b>:【SDK目录结构<b class='flag-5'>介绍</b>】

    鸿蒙开发ArkUI-X基础知识:【ArkUI跨平台设计总体说明】

    本文档描述ArkUI开发框架跨平台运行能力相关的总体技术方案。
    的头像 发表于 05-24 15:41 738次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>开发</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>基础知识</b>:【<b class='flag-5'>ArkUI</b>跨平台设计总体说明】

    ArkUI-X开发指南:【SDK配置和构建说明】

    ArkUI-X SDK是ArkUI-X开源项目的编译产物,可将ArkUI-X SDK集成到现有Android和iOS应用工程中,使开发者基于
    的头像 发表于 05-25 16:48 1846次阅读
    <b class='flag-5'>ArkUI-X</b><b class='flag-5'>开发</b>指南:【SDK配置和<b class='flag-5'>构建</b>说明】

    资讯速递 | ArkUI-X 预览版已正式开源!

    专家。跨平台应用开发框架TSG对业界相关的跨平台应用开发框架所涉及的关键技术进行洞察分析,制定关键的演进策略,并开始构建跨平台应用开发框架项目——A
    发表于 08-11 16:10

    资讯速递 | ArkUI-X 预览版已正式开源!

    OpenHarmony项目群技术指导委员会(以下简称“TSC”)-跨平台应用开发框架TSG所孵化项目 —— ArkUI-X,近期已正式开源 ,开发者基于一套主代码,就可以将在OpenH
    的头像 发表于 08-22 22:19 575次阅读
    资讯速递 | <b class='flag-5'>ArkUI-X</b> 预览版已正式开源!

    鸿蒙ArkUI开发-Tabs组件的使用

    鸿蒙ArkUI开发-Tabs组件的使用
    的头像 发表于 01-19 16:01 714次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI</b><b class='flag-5'>开发</b>-Tabs组件的使用

    鸿蒙跨平台框架:【ArkUi-X】创建工程

    鸿蒙推出了鸿ArkUi-X 框架所以就写个文章分享一下
    的头像 发表于 05-13 17:48 286次阅读
    <b class='flag-5'>鸿蒙</b>跨平台框架:【<b class='flag-5'>ArkUi-X</b>】创建<b class='flag-5'>工程</b>

    鸿蒙ArkUI-X跨平台技术:【开发准备】

    本文档适用于ArkUI跨平台应用开发的初学者。通过开发环境搭建、应用工程创建、编译和运行,熟悉ArkUI跨平台应用
    的头像 发表于 05-24 10:40 160次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI-X</b>跨平台技术:【<b class='flag-5'>开发</b>准备】

    鸿蒙ArkUI-X跨平台技术:【开发初体验】

    在DevEco Studio中导入ArkUI-X Sample,快速创建跨平台工程
    的头像 发表于 05-17 15:54 194次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI-X</b>跨平台技术:【<b class='flag-5'>开发</b>初体验】

    鸿蒙ArkUI-X跨平台开发:【 编写第一个ArkUI-X应用】

    通过构建一个简单的ArkUI页面跳转示例,快速了解资源创建引用,路由代码编写和UI布局编写等应用开发流程。
    的头像 发表于 05-21 17:36 216次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI-X</b>跨平台<b class='flag-5'>开发</b>:【 编写第一个<b class='flag-5'>ArkUI-X</b>应用】

    鸿蒙ArkUI-X跨平台开发:【 应用工程结构说明】

    本文档配套ArkUI-X,将OpenHarmony ArkUI开发框架扩展到不同的OS平台,比如Android和iOS平台,让开发者基于ArkUI
    的头像 发表于 05-19 21:05 139次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI-X</b>跨平台<b class='flag-5'>开发</b>:【 应用<b class='flag-5'>工程</b>结构说明】

    鸿蒙ArkUI-X跨语言调用说明:【平台桥接(@arkui-x.bridge)】

    平台桥接用于客户端(ArkUI)和平台(Android或iOS)之间传递消息,即用于ArkUI与平台双向数据传递、ArkUI侧调用平台的方法、平台调用ArkUI侧的方法。
    的头像 发表于 05-21 15:09 152次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI-X</b>跨语言调用说明:【平台桥接(@<b class='flag-5'>arkui</b>-x.bridge)】

    鸿蒙ArkUI-X框架开发:【开发准备】

    本文档适用于ArkUI-X框架开发的初学者。通过环境搭建、代码下载、代码编译、API扩展和使用,快速了解跨平台项目开发流程。
    的头像 发表于 05-23 21:02 132次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI-X</b>框架<b class='flag-5'>开发</b>:【<b class='flag-5'>开发</b>准备】