鸿蒙ArkUI-X跨端应用开发，一套代码构建多平台应用

文章目录

一、项目介绍
二、技术架构
三、Gitee仓库地址
四、ArkUI-X开发者文档
五、快速开始——环境准备
- 1、下载DevEco Studio，版本V4.0 Beta2以上
- 2、打开DevEco，下载相关环境配置
- 3、配置开发环境
- - 3.1、OpenHarmony SDK
  - 3.2、安装ArkUI-X SDK
  - 3.2、Android SDK
五、快速开始——创建Hello World项目
六、编译构建生成跨平台应用
六、报错了

一、项目介绍

ArkUI是一套构建分布式应用的声明式UI开发框架。它具备简洁自然的UI信息语法、丰富的UI组件、多维的状态管理，以及实时界面预览等相关能力，帮助您提升应用开发效率，并能在多种设备上实现生动而流畅的用户体验。
详情可参考ArkUI框架介绍

ArkUI-X进一步将ArkUI扩展到了多个OS平台：目前支持OpenHarmony、HarmonyOS、Android、 iOS，后续会逐步增加更多平台支持。
开发者基于一套主代码，就可以构建支持多平台的精美、高性能应用。

二、技术架构

ArkUI跨平台框架整体架构如下图所示，详细设计请参考ArkUI跨平台设计总体说明。请添加图片描述

三、Gitee仓库地址

https://gitee.com/arkui-x

四、ArkUI-X开发者文档

https://gitee.com/arkui-x/docs/blob/master/zh-cn/README.md

五、快速开始——环境准备

让我们来试试开发个Hello World应用。

1、下载DevEco Studio，版本V4.0 Beta2以上

打开ArkUi开发工具配套关系。
请添加图片描述
点击下载Windows(64-bit)

2、打开DevEco，下载相关环境配置

提示是要选择本地的NodeJS，还是下载NodeJS；
提示是要选择本地的ohpm，还是下载ohpm；
点下一步。
提示是要选择本地的HarmonyOS SDK，还是下载HarmonyOS SDK；
点下一步。
点同意协议；
点下一步，开始下载…
完成，点Finish.

3、配置开发环境

3.1、OpenHarmony SDK

3.1.1、DevEco在File > Settings > SDK 下，（macOS为DevEco Studio > Preferences > SDK）
选择OpenHarmony SDK

我们可以看到OpenHarmony SDK的Location是空的。
点击Location右侧的Edit，为SDK选择存储路径，一直点击Next和accept，开始下载安装后，点击Finish.

3.1.2、下载API Version10 五个软件工具

3.2、安装ArkUI-X SDK

3.2.1、DevEco在File > Settings > ArkUI-X下，点击Location右侧的Edit，为SDK选择存储路径。
3.2.2、在弹出的SDK Setup页面选择存储路径，一直点击Next，直到完成SDK的安装后，点击Finish。

3.2、Android SDK

假设你要生成安卓应用，你还得下载Android SDK。
这里我就不下载配置了。

五、快速开始——创建Hello World项目

1、在DevEco Studio中导入ArkUI-X Sample，快速创建跨平台工程。
请添加图片描述
2、选择OpenHarmony，选择ArkUI-X/HelloWorld，点击Next。

3、在工程配置页面，填写Project name和Project location，点击Finish，等待Sample工程导入完成。

六、编译构建生成跨平台应用

请添加图片描述

选择Build Hap编译成鸿蒙应用。
选择Build App编译成鸿蒙应用,并且生成安卓和IOS项目。

六、报错了

compileSdkVersion and releaseType of the app do not match the apiVersion and releaseType on the device.
compileSdk不匹配。
build-profile.json5文件compileSdk版本是10，毕竟官方教程让我选API Version10 ，
而远程设备SDK自多也就版本9，所以报错了…
手头上的鸿蒙4平板也不行。
请添加图片描述

暂时搁置了，以后有空再看。