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

相关推荐
盐焗西兰花8 小时前
鸿蒙学习实战之路-Reader Kit修改翻页方式字体大小及行间距最佳实践
学习·华为·harmonyos
lbb 小魔仙12 小时前
【HarmonyOS实战】React Native 表单实战:在 OpenHarmony 上构建高性能表单
react native·华为·harmonyos
Lee_xiaoming13 小时前
ArkTS基础语法 | (1)基本知识
arkts
一只大侠的侠15 小时前
React Native开源鸿蒙跨平台训练营 Day16自定义 useForm 高性能验证
flutter·开源·harmonyos
ujainu15 小时前
告别杂乱!Flutter + OpenHarmony 鸿蒙记事本的标签与分类管理(三)
android·flutter·openharmony
早點睡39016 小时前
高级进阶 React Native 鸿蒙跨平台开发:@react-native-community-slider 滑块组件
react native·react.js·harmonyos
一只大侠的侠16 小时前
Flutter开源鸿蒙跨平台训练营 Day11从零开发商品详情页面
flutter·开源·harmonyos
一只大侠的侠16 小时前
React Native开源鸿蒙跨平台训练营 Day18自定义useForm表单管理实战实现
flutter·开源·harmonyos
一只大侠的侠16 小时前
React Native开源鸿蒙跨平台训练营 Day20自定义 useValidator 实现高性能表单验证
flutter·开源·harmonyos
听麟17 小时前
HarmonyOS 6.0+ 跨端智慧政务服务平台开发实战:多端协同办理与电子证照管理落地
笔记·华为·wpf·音视频·harmonyos·政务