<acronym id="s8ci2"><small id="s8ci2"></small></acronym>
<rt id="s8ci2"></rt><rt id="s8ci2"><optgroup id="s8ci2"></optgroup></rt>
<acronym id="s8ci2"></acronym>
<acronym id="s8ci2"><center id="s8ci2"></center></acronym>
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 = [
    "http://foundation/arkui/ace_engine/adapter/ohos/entrance:ace_ohos_standard_entrance",
    "http://foundation/arkui/ace_engine/adapter/ohos/osal:ace_osal_ohos",
    ]
    

    這個文件定義了該平臺的所有差異化配置,如宏、cflags、平臺特有的依賴,以及一些功能性的開關。在具體的模塊定義中,宏、cflags這一類編譯配置直接從config引入,其它差異需要定義為功能性的開關,如上述的“use_curl_download”,使模塊gn及特性的定義更清晰。

  • 動態目標定義: 基于上述平臺的配置,就可以實現動態的定義目標,以base模塊為例:

    import("http://build/ohos.gni")
    import("http://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 = [ "http://utils/native/base/include" ]
    
          sources += [
            "http://utils/native/base/src/securec/memset_s.c",
            "http://utils/native/base/src/securec/securecutil.c",
            "http://utils/native/base/src/securec/secureprintoutput_a.c",
            "http://utils/native/base/src/securec/snprintf_s.c",
            "http://utils/native/base/src/securec/sprintf_s.c",
            "http://utils/native/base/src/securec/strcat_s.c",
            "http://utils/native/base/src/securec/strcpy_s.c",
            "http://utils/native/base/src/securec/vsnprintf_s.c",
            "http://utils/native/base/src/securec/vsprintf_s.c",
          ]
        }
    
        # 通過平臺的config決定是否依賴和編譯curl
        if (defined(config.use_curl_download) && config.use_curl_download) {
          configs += [ "http://third_party/curl:curl_config" ]
          sources += [ "$ace_root/frameworks/base/network/download_manager.cpp" ]
          deps += [ "http://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

    文章

    1914

    瀏覽量

    29497
  • OpenHarmony
    +關注

    關注

    24

    文章

    3447

    瀏覽量

    15330
  • 鴻蒙OS
    +關注

    關注

    0

    文章

    190

    瀏覽量

    4304
收藏 人收藏

    評論

    相關推薦

    鴻蒙開發學習:初探【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 ?528次閱讀
    <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 ?737次閱讀
    <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 ?1843次閱讀
    <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 ?709次閱讀
    <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 ?285次閱讀
    <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 ?215次閱讀
    <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 ?135次閱讀
    <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 ?129次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b>框架<b class='flag-5'>開發</b>:【<b class='flag-5'>開發</b>準備】
    亚洲欧美日韩精品久久_久久精品AⅤ无码中文_日本中文字幕有码在线播放_亚洲视频高清不卡在线观看
    <acronym id="s8ci2"><small id="s8ci2"></small></acronym>
    <rt id="s8ci2"></rt><rt id="s8ci2"><optgroup id="s8ci2"></optgroup></rt>
    <acronym id="s8ci2"></acronym>
    <acronym id="s8ci2"><center id="s8ci2"></center></acronym>