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

相关推荐
ujainu10 小时前
Flutter + OpenHarmony 实战:从零开发小游戏(三)——CustomPainter 实现拖尾与相机跟随
flutter·游戏·harmonyos
程序员清洒10 小时前
Flutter for OpenHarmony:Scaffold 与 AppBar — 应用基础结构搭建
flutter·华为·鸿蒙
拉轰小郑郑11 小时前
鸿蒙ArkTS中Object类型与类型断言的理解
华为·harmonyos·arkts·openharmony·object·类型断言
2601_9495936511 小时前
基础入门 React Native 鸿蒙跨平台开发:Animated 动画按钮组件 鸿蒙实战
react native·react.js·harmonyos
菜鸟小芯11 小时前
【开源鸿蒙跨平台开发先锋训练营】DAY8~DAY13 底部选项卡&推荐功能实现
flutter·harmonyos
星辰徐哥11 小时前
鸿蒙APP开发从入门到精通:页面路由与组件跳转
华为·harmonyos
爱吃大芒果11 小时前
Flutter for OpenHarmony 实战: mango_shop 资源文件管理与鸿蒙适配
javascript·flutter·harmonyos
●VON12 小时前
React Native for OpenHarmony:ScrollView 事件流、布局行为与性能优化深度剖析
学习·react native·react.js·性能优化·openharmony
大雷神13 小时前
HarmonyOS智慧农业管理应用开发教程--高高种地--第20篇:天气服务与气象数据
harmonyos
爱吃大芒果13 小时前
Flutter for OpenHarmony 适配:mango_shop 页面布局的鸿蒙多设备屏幕适配方案
flutter·华为·harmonyos