【开发样例】OpenHarmony分布式购物车

获取OpenHarmony源码

OpenHarmony分布式购物车

一、简介

1.样例效果

分布式购物车demo 模拟的是我们购物时参加满减活动，进行拼单的场景；实现两人拼单时，其他一人添加商品到购物车，另外一人购物车列表能同步更新，且在购物车列表页面结算时，某一人结算对方也能实时知道结算金额和优惠金额。整个操作效果分为3个小动画，

拉起对方用户

show

添加商品到购物车列表

show

购物车列表勾选

show

demo效果（HH-SCDAYU200）

show

2.设计OpenHarmony技术特性

eTS UI
分布式调度
分布式数据管理

3.支持OpenHarmony版本

OpenHarmony 3.0 LTS 、OpenHarmony 3.1 Beta

4.支持开发板

润和HiSpark Taurus AI Camera(Hi3516d)开发板套件（OpenHarmony 3.0 LTS 、OpenHarmony 3.1 Beta）
润和大禹系列HH-SCDAYU200开发板套件（OpenHarmony 3.1 Beta，该开发板无3.0 LTS版本）

二、快速上手

1.标准设备环境准备

以润和HiSpark Taurus AI Camera(Hi3516d)开发板套件为例

以润和大禹系列HH-SCDAYU200开发板套件为例

开发板上新 | RK3568开发板上丝滑体验OpenHarmony标准系统

2.应用编译环境准备

下载DevEco Studio 下载地址；
配置SDK，参考配置OpenHarmony-SDK
DevEco Studio 点击File -> Open 导入本下面的代码工程DistributedShoppingCart

3.项目下载和导入

1）git下载

git clone https://gitee.com/openharmony-sig/knowledge_demo_temp.git

2）项目导入

打开DevEco Studio,点击File->Open->下载路径/FA/Shopping/DistributedShoppingCart

4.安装应用

配置应用签名信息
安装应用如果IDE没有识别到设备就需要通过命令安装，如下

打开OpenHarmony SDK路径 \toolchains 文件夹下，执行如下hdc_std命令，其中path为hap包所在绝对路径。
```
hdc_std install -r path\entry-debug-standard-ark-signed.hap
```
体验分布式购物车时，需要两个开发板，连接同一个wifi或使用网线连接并配置同一网段IP地址
```
hdc shell ifconfig eth0 192.168.1.111 netmask 255.255.255.0  hdc shell ifconfig eth0 192.168.1.222 netmask 255.255.255.0
```

PS环境准备，源码下载，编译，烧录设备，应用部署的完整步骤请参考这里

三、关键代码解读

1.目录结构

├─entry\src\main
│          │  config.json  应用配置文件
│          │  
│          ├─ets
│          │  └─MainAbility
│          │      │  app.ets  ets应用程序主入口
│          │      │  
│          │      ├─model
│          │      │      ArsData.ets     // 初始化我的页面数据
│          │      │      CommonLog.ets   // 日志类
│          │      │      GoodsData.ets   // 初始化商品信息数据类
│          │      │      MenuData.ets    // 初始化我的页面数据类
│          │      │      RemoteDeviceManager.ets  // 分布式拉起设备管理类
│          │      │      ShoppingCartDistributedData.ets  // 加入购物车分布式数据库
│          │      │      TotalSelectedDistributedData.ets // 结算购物车分布式数据库
│          │      │      
│          │      └─pages
│          │              DetailPage.ets   // 商品详情页面
│          │              HomePage.ets     // 应用首页
│          │              MyPage.ets       // 我的页面
│          │              ShoppingCartListPage.ets  // 购物车列表页面
│     └─resources // 静态资源目录
│         ├─base
│         │  ├─element
│         │  ├─graphic
│         │  ├─layout
│         │  ├─media // 存放媒体资源
│         │  └─profile
│         └─rawfile