运动健康类行业实践

简介

本文档为运动健康类HarmonyOS应用架构设计实践，提供运动健康类应用常见的首页、运动、发现、商城、我的等应用功能，帮助开发者快速构建一款运动健康类应用。

应用布局

说明

实践应用框架代码运行图，开发者可以基于框架代码替换相关资源文件，以保证应用良好的使用体验。

应用架构设计

模块划分

根据行业应用的功能，按照高内聚，低耦合的原则，常见应用功能以及职责划分模块如下，开发者在实际设计过程中，可以根据模块的复杂程度实际情况再进一步细分：

模块名称

功能点

首页

体重、体脂、趋势图、饮食、运动等身体健康指标展示

运动

运动计划指定、运动课程列表、跑步实时记录

发现

达人关注、微博、活动列表、知识库等功能

商城

减脂商城，包括商品列表、购物车、商品交易等

我的

IoT设备

我的数据、健康周报、我的设备、亲友、收藏、积分等

体脂秤、跳绳等IoT设备的UI及蓝牙连接功能实现

软件视图设计

应用分层模块类型划分指导，参见分层模块化实践。

图1 软件视图

逻辑视图设计

根据本应用功能的模块以及依赖，分解对基础服务以及三方的依赖，逻辑视图如下：

图2 逻辑视图

行业关键技术方案

实时记录步数

功能设计

实时记录统计用户行走步数。常见页面路径：首页->运动->跑步，功能页面如下图所示：

图5 计步页面

方案设计

基于HarmonyOS的Sensor Service Kit（传感器服务），订阅SensorId.PEDOMETER（计步器）传感器，在回调函数（sensorCallback）中实时刷新步数。

代码参考

权限申请：ohos.permission.ACTIVITY_MOTION。

代码详情参见获取步数代码实现。

行业创新设计

说明

结合鸿蒙生态，针对行业的创新场景设计，开发者可以参考行业创新设计方案，实现创新场景代码。

运动健康应用接续

场景说明

随着全场景多设备的生活方式不断深入，用户拥有的设备越来越多，不同设备都能在适合的场景下提供良好的体验。运动健康类应用在室内，更适合在大屏上展示。

在HarmonyOS中，支持跨多设备的应用接续：指当用户在一个设备上操作某个应用时，可以在另一个设备的同一个应用中快速切换，并无缝衔接上一个设备的应用体验。

创新设计

利用HarmonyOS跨端流转能力，运动健康应用可以从手机接续到大屏。参见应用接续开发指导。

图6 手机接续到大屏效果示意图

应用框架代码

说明

本篇代码非应用的全量代码，只包括应用的部分框架代码。

本框架代码中登录验证模块，只是UI能力，任意用户名，密码可登录，开发者自行补齐相关校验。

代码运行环境

软件要求

硬件要求

环境搭建

代码结构解读

业务强相关的公共模块作为独立的模块放在特性包中，主要包括：首页、运动、发现、商城、我的等。

├── common/src/main/ets │ ├── common│ │ ├── compontents│ │ │ └── CommonConstants.ets │ │ └── utils│ │ ├── GlobalContext.ets │ │ ├── PreferencesUtil.ets │ │ └── Utils.ets │ ├── model│ │ ├── NavItemModel.ets │ │ └── TaskInitList.ets │ └── page│ ├── AddDeviceDemo.ets │ └── MyDevice.ets ├── features│ ├── find/src/main/ets│ │ └── components│ │ └── DiscoveryPage.ets │ ├── first/src/main/ets│ │ └── view│ │ ├── CustomDialogComponent.ets │ │ └── HomePageDemoOne.ets │ ├── mine/src/main/ets│ │ ├── model│ │ │ ├── Mine.ets │ │ │ ├── Myself.ets │ │ │ └── Set.ets │ │ ├── pages│ │ │ ├── CommonNew.ets │ │ │ ├── HealthReport.ets │ │ │ ├── HeartMonitoring.ets │ │ │ ├── MessagePage.ets │ │ │ ├── MinePage.ets │ │ │ ├── MyselfPage.ets / /隐私政策│ │ │ ├── SecertPage.ets │ │ │ └── SetPage.ets │ │ └── view│ │ ├── ListInfo.ets │ │ ├── MyselfInfo.ets │ │ ├── SetInfo.ets │ │ └── UserBaseInfo.ets │ ├── run/src/main/ets│ │ └── pages│ │ └── ListDemoOne.ets │ └── shop/src/main/ets│ └── components│ └── SwiperDemo01.ets ├── IoT│ └── weightscale/src/main/ets│ ├── components│ │ └── mainpage│ │ └── MainPage.ets│ └── view│ └── DeviceListPageOne.ets└── products ├── phone/src/main/ets │ ├── common │ │ └── utils │ │ ├── GlobalContext.ets │ │ └── PreferencesUtil.ets │ ├── entryability │ │ └── EntryAbility.ets │ ├── pages │ │ ├── CancelAccount.ets │ │ ├── ChangeIphone.ets │ │ ├── ChangePassagewordPage.ets │ │ ├── LauncherPage.ets │ │ ├── LoginPage2.ets │ │ ├── MainPage.ets │ │ ├── PhonePage.ets │ │ ├── RegisterPage.ets │ │ ├── RetrievePassword.ets │ │ ├── SecertPage.ets │ │ ├── SureCancel.ets │ │ └── VerifyPage.ets │ └── utils │ └── PermissionsUtil.ets └── smartscreen

蓝牙扫描代码实现

使用Connectivity Kit中的蓝牙扫描能力。

import { ble } from '@kit.ConnectivityKit'; let scanFilter: ble.ScanFilter = {};let scanOptions: ble.ScanOptions = { interval: 1000, dutyMode: ble.ScanDuty.SCAN_MODE_LOW_LATENCY, matchMode: ble.MatchMode.MATCH_MODE_STICKY,}ble.startBLEScan([scanFilter], scanOptions);

开启订阅BLE设备发现：

ble.on('BLEDeviceFind', (data: Array<ble.ScanResult>) => { if(data[0]['deviceName'] == 'lee' && data[0].connectable && this.deviceIds.getIndexOf(data[0].deviceId) < 0){ this.deviceIds.add(data[0].deviceId) console.log('scan:' + data[0]['deviceName']) let b = generateRandomNumber(26,30) let aone = new CommodityOne(data,'app.media.img_'+b) this.commodityDataOne.push(aone) this.commodityDataOne.reverse() }});

连接蓝牙设备关键代码：

this.gattClient = ble.createGattClientDevice(device. deviceId);this.gattClient.connect()this.onBLEConnectionStateChange(device)

需要使用蓝牙设备的deviceId去获取连接实例，连接之后要开启蓝牙状态监听，代码如下：

this.gattClient.on('BLEConnectionStateChange', (state: ble.BLEConnectionChangeState) => { let deviceId = state.deviceId; this.ConnectedDeviceId = state.deviceId; this.connectState = state.state; if(state.state == constant.ProfileConnectionState.STATE_CONNECTED){ this.connectedDevicceMap.set(device.deviceName, device) if(this.deviceList.indexOf(device.deviceName) < 0){ this.deviceList.push(device.deviceName) } }})

需要在配置Sensor Service Kit（传感器服务)文件module.json5里添加相机权限：需要权限ohos.permission.ACCESS_BLUETOOTH，参见应用权限列表。

获取步数代码实现

使用Sensor Service Kit（传感器服务)能力。订阅加速度传感器数据。需要配置权限ohos.permission.ACCELEROMETER。

sensor.on(sensor.SensorId.PEDOMETER, (data: sensor.PedometerResponse) => { this.stepNum = data.steps ? data.steps : 0;}, { interval: 100000000 });

其中