OpenHarmony 开源电商项目

1.说明

鸿蒙App开发学习的过程中,写完调试看效果只能在DevEco Studio 模拟器或者预览器里面,无法真机调试,很不爽,据说有工程机、开发板什么的可以真机调,但这些条件现在不具备。

于是了解了下,怎么将纯血鸿蒙App,运行在Android设备上。查了一下还真可以。

采用OpenHarmony+ArkUI-X 开发的应用,可以编译生成Android、IOS项目,再使用AndroidStudio编译打包成Android应用,或者使用XCode编译成IOS应用。

OpenHarmony同样采用华为自研的开发语言ArkTs开发,相比纯 Harmony开发,OpenHarmony的语法更加严格,具体可以参照OpenHarmony官方文档,从TypeScript到ArkTS的适配规则

开发OpenHarmony应用,DevEco Studio版本不能太低,我这里安装的DevEco Studio 4.0Release版本,版本号为4.0.0.600,安装完成之后,再下载安装 OpenHarmony SDK(API Version10)、ArkUI-X SDK(API Version10)

2.效果

GItee上面有个ArkUI-X的电商开源项目,在学习了一番之后,自己也搞了个下面的这个四不像。

首页是参照以前写ReactNatve 时的一个页面,分类和购物车参考的小米商城,我的参考淘宝,最后的界面效果如下:

代码已上传到Gitee,地址 https://gitee.com/xukongjing/ark_ui_shopping.git

相关推荐
葱段4 分钟前
【Harmony】ArkUI全局设置窗口背景颜色、页面背景颜色
harmonyos·arkts·arkui
鸿蒙布道师3 小时前
鸿蒙NEXT开发设备相关工具类(ArkTs)
android·ios·华为·harmonyos·arkts·鸿蒙系统·huawei
ursamjnor4 小时前
基于 OpenHarmony 5.0 的星闪轻量型设备应用开发——Ch3 设备驱动开发
openharmony·轻量型设备开发·ws63
用户0082283981365 小时前
遵循HarmonyOS NEXT UI设计原则,打造卓越用户体验
harmonyos
molong9315 小时前
Android开发鸿蒙环境问题记录
android·华为·harmonyos
我是小智7 小时前
鸿蒙开发04界面渲染
harmonyos·鸿蒙
槐月杰8 小时前
2025ArkTS基础UI(一)——Column、Row、Text组件
ui·arkts·鸿蒙·鸿蒙系统
survivorsfyh14 小时前
zsh: command not found: hdc - 鸿蒙 HarmonyOS Next
华为·harmonyos·鸿蒙
qq_5537603217 小时前
HarmonyOS:WebView 控制及 H5 原生交互实现
华为·harmonyos·鸿蒙
IC拓荒者20 小时前
华为海思IC前端中后端(COT&XPU)岗位笔试机考题
华为·数字后端零基础·海思ic笔试题·海思实习·海思实习题·海思秋招笔试题·海思cot招聘