#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】 原创 精华

翻生咸鱼
发布于 2024-1-4 18:07
浏览
0收藏

作者:咸鱼
团队:坚果派
公众号:“大前端之旅”
团队介绍:坚果派由坚果创建,团队拥有8个华为HDE,3个HSD,以及若干其他领域的三十余位万粉博主运营。

前言:

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

如果有疑问可以在阅读完文章在地下留言我们一起来探讨

效果图:

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区
首先需要下载支持 ArkUI-X 套件的华为开发工具 DevEco ,版本为 4.0 以上,目前可以下载预览版进行体验。下载地址:

DevEco Studio 4.0Beta下载链接

Windows(64-bit)

Mac(X86)

Mac(ARM)

ide 安装过程就简单

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

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

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

安装 OpenHarmony SDK

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

安装 ArkUI-X SDK

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

配置环境

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区
这里提示我们没有配置ANDROID_HOME 因为这里跑iOS 后面我们再讲一下跑Android的

创建 Harmon OS 工程

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

编译 OpenHarmony 工程

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

选择app格式

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

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

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

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

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

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

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

运行

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

如图

#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区
查看包里面内容
在 LibChecker 中也可以看到该 APP 使用了 ArkUI 的依赖:(这个是Android方便查看哈 iOS同理)
#星计划#鸿蒙跨平台框架来了ArkUI-X【坚果派-咸鱼】-鸿蒙开发者社区

到这里整个Ark UI-X 我们就讲完了 这里主要测试跑在IOS上面 其实跑在安卓设备上面也比较简单 我们只需要 安装Android studio

然后把Ark UI-X 目录下面的Android 工程导入到android studio 编译后然后运行到我们的安卓手机或者模拟器上面即可

Ark UI-X 整个跨平台和其他跨平台差不多是借鸡生蛋 我们编写代码还是Ark TS 最后通过框架能运行在不同设备上面

最后总结

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

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
标签
已于2024-1-5 10:10:18修改
1
收藏
回复
举报
1条回复
按时间正序
/
按时间倒序
wx597c2235c2894
wx597c2235c2894

这也太实用了吧

1
回复
2024-1-25 15:22:29
回复
    相关推荐