鸿蒙跨平台框架来了ArkUI-X

团队介绍

作者：徐庆

团队：坚果派[1] 公众号：“大前端之旅”[2] 润开鸿生态技术专家，华为HDE，CSDN博客专家，CSDN超级个体，CSDN特邀嘉宾，InfoQ签约作者，OpenHarmony布道师，电子发烧友专家博客，51CTO博客专家，擅长HarmonyOS/OpenHarmony应用开发、熟悉服务卡片开发。团队现有7个华为HDE，以及若干对鸿蒙应用开发有心得的人，欢迎合作。

前言：

各位同学大家有段时间没有给大家更新博客了 之前鸿蒙推出了ArkUi-X 框架所以就写个文章分享一下

效果图：

首先需要下载支持 ArkUI-X 套件的华为开发工具 DevEco ，版本为 4.0 以上，目前可以下载预览版进行体验。下载地址：

DevEco Studio 4.0Beta下载链接

Windows(64-bit)

Mac(X86)

Mac(ARM)

ide 安装过程就简单

image-20231126215715076

DevEco 安装完成后，首次进入需要设置 nodejs 与 ohpm。可以选择本机已经安装好的路径，若本机没有安装 nodejs 与 ohpm 也可以在这里下载安装。(这里借用了网友的图片哈尴尬)

image-20231126215739255

image-20231126215946758

image-20231126220001961

安装 OpenHarmony SDK

image-20231126220029048

image-20231126220109168

安装 ArkUI-X SDK

image-20231126220126600

image-20231126220838881

image-20231126220857179

配置环境

这里提示我们没有配置ANDROID_HOME 因为这里跑iOS 后面我们再讲一下跑Android的

创建 Harmon OS 工程

image-20231126220946774

image-20231126221001408

编译 OpenHarmony 工程

image-20231126221018207

选择app格式

3e860620552c81d66500e4c0f9e25f86_720.jpg

查看编译后生成的android和iOS native 工程

image-20231126221044174

找到磁盘上的iOS 工程 导入xcode

image-20231126221100137

需要把这里改成iOS 13.0 最新版的mac os 系统

image-20231126221118369

运行

image-20231126221132552

如图

查看包里面内容 在 LibChecker 中也可以看到该 APP 使用了 ArkUI 的依赖：(这个是Android方便查看哈 iOS同理)

最后总结

鸿蒙的 ArkUi-X其实之前朋友就有提到过 一直没有去尝试，国庆放长假期回来我觉得有必要分享给大家，在这里我也希望鸿蒙能够崛起 这样也可以给我们开发者创造出更多的岗位 至于这个语言arkts 算是ts超集, 前端的同学比较容易上手跟flutter也比较像 学起来也没什么难度。ArkTS + ArkUI-X ，让国产自研技术达到了一个新高度，完成了从零到一的迈步，让自研不再是 PPT ，不再是“套壳”。最后呢 希望我都文章能帮助到各位同学工作和学习 如果你觉得文章还不错麻烦给我三连 关注点赞和转发 谢谢

参考资料

[1]

https://space.bilibili.com/480883651: https://link.juejin.cn?target=https%3A%2F%2Fspace.bilibili.com%2F480883651

[2]

https://mp.weixin.qq.com/s/p0Y5Z92CMzxiFmmBNuOzpw: https://link.juejin.cn?target=https%3A%2F%2Fmp.weixin.qq.com%2Fs%2Fp0Y5Z92CMzxiFmmBNuOzpw