Deacon的小站

今天的天气也挺不错

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

前言:

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

效果图:

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

DevEco Studio 4.0Beta下载链接

Windows(64-bit)

Mac(X86)

Mac(ARM)

ide 安装过程就简单

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

image.png

安装 OpenHarmony SDK

38b06a8eb512f66a47f92d9e2c1aeace_720.jpg f3d4f76ef22c16f04d1833d7e84e7c04_720.jpg

安装 ArkUI-X SDK

38b06a8eb512f66a47f92d9e2c1aeace_720.jpg

49a638c76ae0b97f9bfdf00f5dff7d22_720.jpg

01b37256aa960f912146497407088b75_720.jpg

配置环境

3e2736aa378a54c54ba7bad478c947ba_720.jpg 这里提示我们没有配置ANDROID_HOME 因为这里跑iOS 后面我们再讲一下跑Androi的

创建 Harmon OS 工程

72b4e841518a523a0fbee9e3377e49fc_720.jpg

9fe309dee5fd0cd65e6c8a93113e8053_720.jpg

编译 OpenHarmony 工程

ba133e04bde5ad5ef55a8624a6e62ab2_720.jpg

选择app格式

3e860620552c81d66500e4c0f9e25f86_720.jpg

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

6ab7722ba0222a750f43c6cfc47a7c4f_720.jpg

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

05e69b8a29d3d20969c54b8431242b96_720.jpg

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

1139f0c991a4e2d673f9800f641b0f2e_720.jpg

运行

4f397b5ed5511f51d6cd05ec2fb8fd36_720.jpg

如图

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

最后总结

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