0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

鴻蒙ArkUI-X跨平臺(tái)技術(shù):【開發(fā)初體驗(yàn)】

jf_46214456 ? 來源:jf_46214456 ? 作者:jf_46214456 ? 2024-05-17 15:54 ? 次閱讀

ArkUI-X之初體驗(yàn)

開發(fā)跨平臺(tái)應(yīng)用

創(chuàng)建工程

在DevEco Studio中導(dǎo)入ArkUI-X Sample,快速創(chuàng)建跨平臺(tái)工程。

  1. 點(diǎn)擊File > New > Import > Import Sample。 import_sample
  2. 在左上方的下拉框中選擇OpenHarmony,選擇ArkUI-X/HelloWorld,點(diǎn)擊 Next 。
  3. 在工程配置頁面,填寫Project name和Project location,點(diǎn)擊 Finish ,等待Sample工程導(dǎo)入完成。

編譯構(gòu)建生成跨平臺(tái)應(yīng)用

DevEco Studio可打包生成不同平臺(tái)的應(yīng)用包。

在主菜單欄,單擊Build > Build Hap(s)/APP(s) > Build APP(s) 。 zh-cn_image_0000001580152768

編譯后的ArkTS代碼、資源和平臺(tái)膠水代碼已生成到AndroidiOS應(yīng)用工程中,后續(xù)安裝、運(yùn)行和調(diào)試請(qǐng)使用Android Studio和Xcode,也可使用[ACE Tools]。

ACE Tools快速指南

開發(fā)前請(qǐng)熟悉鴻蒙開發(fā)指導(dǎo)文檔:[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]

簡(jiǎn)介

ACE Tools是一套為ArkUI-X應(yīng)用開發(fā)者提供的命令行工具,支持在Windows/Ubuntu/macOS平臺(tái)運(yùn)行,用于構(gòu)建OpenHarmony、HarmonyOS、Android和iOS平臺(tái)的應(yīng)用程序, 其功能包括開發(fā)環(huán)境檢查,新建項(xiàng)目,編譯打包,安裝調(diào)試等。

使用說明

針對(duì)Windows和macOS的平臺(tái)環(huán)境,使用ACE Tools前,建議優(yōu)先下載DevEco Studio,完成DevEco Studio的下載和安裝。

環(huán)境準(zhǔn)備

前置條件: Ubuntu需要18.04以上版本,macOS需要11.6.2及以上版本,Windows需要Windows 10版本。

1. 配置ohpm環(huán)境

OHPM CLI作為鴻蒙生態(tài)三方庫(kù)的包管理工具,支持OpenHarmony共享包的發(fā)布、安裝和依賴管理??赏ㄟ^DevEco Studio > File > Settings > Build, Execution, Deployment > Ohpm 查看ohpm home的安裝路徑,并配置到環(huán)境變量中(macOS為DevEco Studio > Preferences > Build, Execution, Deployment > Ohpm)。

2. 配置ArkUI-X SDK環(huán)境

ArkUI-X SDK下載路徑,可通過DevEco Studio > File > Settings > ArkUI-X查看ArkUI-X的安裝路徑,并配置到環(huán)境變量中(macOS為DevEco Studio > Preferences > ArkUI-X)。推薦如下配置方法:

[macOS]

// 配置環(huán)境變量
export ARKUIX_SDK_HOME=/path-to-arkui-x-sdk
export PATH=${ARKUIX_SDK_HOME}/10/arkui-x/toolchains/bin:$PATH

[Windows]

可在桌面工具欄搜索框鍵入"環(huán)境變量",然后選擇 編輯系統(tǒng)環(huán)境變量 ,進(jìn)行環(huán)境變量配置。另外,也可在控制臺(tái)通過如下命令進(jìn)行配置。

// 配置環(huán)境變量
set ARKUIX_SDK_HOME=/path-to-arkui-x-sdk
set PATH=%PATH%;%ARKUIX_SDK_HOME%/10/arkui-x/toolchains/bin

說明 :配置環(huán)境變量時(shí),由于ARKUIX_SDK_HOME是ACE Tools要求的固定變量名,不允許自定義。

開發(fā)環(huán)境檢查

ace check

執(zhí)行 ace check 命令可以檢查ArkUI-X應(yīng)用開發(fā)環(huán)境是否完備。

說明 :開發(fā)環(huán)境檢查只識(shí)別IDE和SDK默認(rèn)的安裝路徑,如果提示結(jié)果與實(shí)際不符,請(qǐng)您通過[ace config命令]指定實(shí)際的IDE安裝和SDK下載路徑。

創(chuàng)建應(yīng)用

以創(chuàng)建一個(gè) Stage模型‘demo’項(xiàng)目為例:

ohos@user Desktop % ace create demo
? Enter the project name(demo): # 輸入工程名稱,不輸入默認(rèn)為文件夾名稱
? Enter the bundleName (com.example.demo):  # 輸入包名,不輸入默認(rèn)為com.example.工程名
? Enter the runtimeOS (1: OpenHarmony, 2: HarmonyOS): 1 # 輸入RuntimeOS系統(tǒng)

Project created. Target directory:  ${當(dāng)前目錄}/demo.

In order to run your app, type:

   $ cd demo
   $ ace run

Your app code is in demo/entry.

`HarmonyOS與OpenHarmony鴻蒙文檔籽料:mau123789是v直接拿`

搜狗高速瀏覽器截圖20240326151344.png

應(yīng)用運(yùn)行

  • 安裝運(yùn)行到Android/iOS/OpenHarmony設(shè)備(注:iOS設(shè)備執(zhí)行ace run前請(qǐng)先打開Xcode完成應(yīng)用簽名)
cd demo
ace run

上述命令會(huì)完成應(yīng)用構(gòu)建打包,并安裝到目標(biāo)平臺(tái)設(shè)備運(yùn)行。

審核編輯 黃宇

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • 鴻蒙
    +關(guān)注

    關(guān)注

    57

    文章

    2287

    瀏覽量

    42629
  • OpenHarmony
    +關(guān)注

    關(guān)注

    25

    文章

    3607

    瀏覽量

    15958
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    鴻蒙開發(fā)學(xué)習(xí):初探【ArkUI-X

    **簡(jiǎn)單來說,ArkTS + ArkUI-X 對(duì)標(biāo)的框架為 flutter,一次代碼,編譯為 native 全平臺(tái)運(yùn)行**
    的頭像 發(fā)表于 05-13 15:58 ?910次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發(fā)</b>學(xué)習(xí):初探【<b class='flag-5'>ArkUI-X</b>】

    鴻蒙ArkUI-X平臺(tái)開發(fā):【命令行工具(ACE Tools)】

    ACE Tools是一套為ArkUI-X項(xiàng)目平臺(tái)應(yīng)用開發(fā)者提供的命令行工具,支持在Windows/Ubuntu/macOS平臺(tái)運(yùn)行,用于構(gòu)
    的頭像 發(fā)表于 05-21 17:39 ?1419次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>開發(fā)</b>:【命令行工具(ACE Tools)】

    鴻蒙ArkUI-X平臺(tái)開發(fā):【SDK目錄結(jié)構(gòu)介紹】

    本文檔配套ArkUI-X,將OpenHarmony ArkUI開發(fā)框架擴(kuò)展到不同的OS平臺(tái),比如Android和iOS平臺(tái),讓
    的頭像 發(fā)表于 05-20 16:28 ?726次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>開發(fā)</b>:【SDK目錄結(jié)構(gòu)介紹】

    鴻蒙ArkUI-X平臺(tái)開發(fā):【bility開發(fā)說明(Android平臺(tái))】

    本文介紹將ArkUI框架擴(kuò)展到Android平臺(tái)所需要的必要的類及其使用說明,開發(fā)者基于OpenHarmony,可復(fù)用大部分的應(yīng)用代碼(生命周期等)并可以部署到Android平臺(tái),降低
    的頭像 發(fā)表于 05-21 10:54 ?822次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>開發(fā)</b>:【bility<b class='flag-5'>開發(fā)</b>說明(Android<b class='flag-5'>平臺(tái)</b>)】

    鴻蒙開發(fā)ArkUI-X基礎(chǔ)知識(shí):【ArkUI平臺(tái)設(shè)計(jì)總體說明】

    本文檔描述ArkUI開發(fā)框架平臺(tái)運(yùn)行能力相關(guān)的總體技術(shù)方案。
    的頭像 發(fā)表于 05-24 15:41 ?1372次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發(fā)</b><b class='flag-5'>ArkUI-X</b>基礎(chǔ)知識(shí):【<b class='flag-5'>ArkUI</b><b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b>設(shè)計(jì)總體說明】

    鴻蒙開發(fā)ArkUI-X基礎(chǔ)知識(shí):【ArkUI代碼工程及構(gòu)建介紹】

    ArkUI作為OpenHarmony的默認(rèn)開發(fā)框架,在本項(xiàng)目(ArkUI-X)中需要做到一套代碼同時(shí)支持多平臺(tái)構(gòu)建,所以會(huì)采取共倉(cāng)開發(fā)的方式
    的頭像 發(fā)表于 05-25 16:45 ?1924次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發(fā)</b><b class='flag-5'>ArkUI-X</b>基礎(chǔ)知識(shí):【<b class='flag-5'>ArkUI</b>代碼工程及構(gòu)建介紹】

    ArkUI-X開發(fā)指南:【SDK配置和構(gòu)建說明】

    ArkUI-X SDK是ArkUI-X開源項(xiàng)目的編譯產(chǎn)物,可將ArkUI-X SDK集成到現(xiàn)有Android和iOS應(yīng)用工程中,使開發(fā)者基于一套ArkTS主代碼,就可以構(gòu)建支持多
    的頭像 發(fā)表于 05-25 16:48 ?2362次閱讀
    <b class='flag-5'>ArkUI-X</b><b class='flag-5'>開發(fā)</b>指南:【SDK配置和構(gòu)建說明】

    資訊速遞 | ArkUI-X 預(yù)覽版已正式開源!

    OpenHarmony項(xiàng)目群技術(shù)指導(dǎo)委員會(huì)(以下簡(jiǎn)稱“TSC”)-平臺(tái)應(yīng)用開發(fā)框架TSG所孵化項(xiàng)目 —— ArkUI-X,近期已正式開源
    發(fā)表于 08-11 16:10

    資訊速遞 | ArkUI-X 預(yù)覽版已正式開源!

    OpenHarmony項(xiàng)目群技術(shù)指導(dǎo)委員會(huì)(以下簡(jiǎn)稱“TSC”)-平臺(tái)應(yīng)用開發(fā)框架TSG所孵化項(xiàng)目 —— ArkUI-X,近期已正式開源
    的頭像 發(fā)表于 08-22 22:19 ?762次閱讀
    資訊速遞 | <b class='flag-5'>ArkUI-X</b> 預(yù)覽版已正式開源!

    鴻蒙平臺(tái)框架:【ArkUi-X】創(chuàng)建工程

    鴻蒙推出了鴻ArkUi-X 框架所以就寫個(gè)文章分享一下
    的頭像 發(fā)表于 05-13 17:48 ?765次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b>框架:【<b class='flag-5'>ArkUi-X</b>】創(chuàng)建工程

    鴻蒙ArkUI-X平臺(tái)技術(shù):【開發(fā)準(zhǔn)備】

    本文檔適用于ArkUI平臺(tái)應(yīng)用開發(fā)的初學(xué)者。通過開發(fā)環(huán)境搭建、應(yīng)用工程創(chuàng)建、編譯和運(yùn)行,熟悉ArkUI
    的頭像 發(fā)表于 05-24 10:40 ?364次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>技術(shù)</b>:【<b class='flag-5'>開發(fā)</b>準(zhǔn)備】

    鴻蒙ArkUI-X平臺(tái)開發(fā):【 編寫第一個(gè)ArkUI-X應(yīng)用】

    通過構(gòu)建一個(gè)簡(jiǎn)單的ArkUI頁面跳轉(zhuǎn)示例,快速了解資源創(chuàng)建引用,路由代碼編寫和UI布局編寫等應(yīng)用開發(fā)流程。
    的頭像 發(fā)表于 05-21 17:36 ?549次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>開發(fā)</b>:【 編寫第一個(gè)<b class='flag-5'>ArkUI-X</b>應(yīng)用】

    鴻蒙ArkUI-X平臺(tái)開發(fā):【 應(yīng)用工程結(jié)構(gòu)說明】

    本文檔配套ArkUI-X,將OpenHarmony ArkUI開發(fā)框架擴(kuò)展到不同的OS平臺(tái),比如Android和iOS平臺(tái),讓
    的頭像 發(fā)表于 05-19 21:05 ?460次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平臺(tái)</b><b class='flag-5'>開發(fā)</b>:【 應(yīng)用工程結(jié)構(gòu)說明】

    鴻蒙ArkUI-X語言調(diào)用說明:平臺(tái)差異化【Android、ios動(dòng)態(tài)化】

    ArkUI-X支持動(dòng)態(tài)化,使用者可以根據(jù)自己需要?jiǎng)討B(tài)發(fā)布平臺(tái)內(nèi)容,從而使平臺(tái)部分和宿主應(yīng)用進(jìn)行解耦。
    的頭像 發(fā)表于 05-23 14:38 ?629次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b>語言調(diào)用說明:<b class='flag-5'>平臺(tái)</b>差異化【Android、ios動(dòng)態(tài)化】

    鴻蒙ArkUI-X框架開發(fā):【開發(fā)準(zhǔn)備】

    本文檔適用于ArkUI-X框架開發(fā)的初學(xué)者。通過環(huán)境搭建、代碼下載、代碼編譯、API擴(kuò)展和使用,快速了解平臺(tái)項(xiàng)目開發(fā)流程。
    的頭像 發(fā)表于 05-23 21:02 ?365次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b>框架<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>開發(fā)</b>準(zhǔn)備】