Harmonyos博客文章.zip

# H5-HiLink新模板使用说明 ## 1 开发前准备 ### 1.1 环境配置 Node.js https://nodejs.org/zh-cn/ Vs code https://code.visualstudio.com/ vue https://cn.vuejs.org/v2/guide/installation.html ### 1.2 安装依赖包 下载工程后,进入项目根目用cmd打开控制台  在控制台运行命令 npm install。 安装完成后会生成node_modules文件夹  ### 1.4 文件目录及说明 ``` ├── pubilc # 自动蓝牙连接配置文件 ├── src │ ├── assets # 资源文件夹 │ │ ├── iamges # 图片 │ │ └── style # 样式 │ ├── components # 公共组件 │ └── pages │ ├── hilink # hilink管理文件 │ │ ├── BlueToothManage # 老版蓝牙管理类 │ │ ├── BleManage # 套餐4蓝牙管理类 │ │ ├── Config # 配置文件 │ │ └── WifiManage # wifi管理类 │ ├── i18n # 国际化 │ ├── page # 页面模块 │ │ ├── bleDemo # xxx页面 │ │ └── wifiDemo │ ├── router # 路由配置 │ ├── store # vuex配置 │ │ └──modules # vuex模块 │ ├── uitls # 工具类 │ ├── App # 工程主入口页面 │ └── main # 工程主入口配置 ``` ### 2 BlueToothManage 使用 2.1 config 配置 需要在hilink下的config 文件中配置 serviceId、characteristicId、writeCharacteristicId。  id的获取方式可以直接找对应固件的人,或者使用蓝牙助手连接查看。  2.2 在需要使用的文件中引入 并且调用init方法初始化。  2.3 初始化后可以使用vconsole查看日志，如果看到 changeStatus 变为2了，就表示蓝牙连接成功。 2.4 蓝牙发送指令  2.5 蓝牙数据管理 通过接口查询到的数据建议全部保存在vuex 对应的ble模块下 目录pages/store/modules/ble.js  2.6 更新数据  2.7 获取及监听数据  ### 3 WifiManage 使用 3.1 wifi需要通过智慧生活去连接,代码中不需要额外配置,连接成功后可以直接使用。 3.2 使用方法  3.3 数据管理基本和蓝牙一致只需要替换对应的模块（ble/xxx替换成wifi/xxx） 目录pages/store/modules/wifi.js 3.4 更新数据  3.5 获取及监听数据  ### 4 BlueToothManage、WifiManage使用demo  ## 5 调试前准备 ### 5.1 配置 vconsole 项目根目录下运行npm install vconsole -S main.js 文件中添加导入vconsole  ### 5.2 智慧生活debug版本下载 android  ios https://testflight.apple.com/join/UB1qFo8g ### 5.3 启动项目 在项目根目录下打开控制台运行npm run serve或者在项目目录中选中package.json点击调试，选择启动  启动之后会在控制台显示地址  ### 5.4 智慧生活app配置 打开app ── 我的 ── 设置 ── 关于 ── 环境设置 ── 认证沙箱 打开app ── 我的 ── 设置 ── 关于 ── H5地址配置      注意： 如果是第一次连接蓝牙，需要在地址后面加上/static/connect.html。（http://xxx.xx.x.x:8080/static/connect.html） 再去添加设备扫描，连接成功后需要再次去H5配置中把/static/connect.html 后缀去掉 如果是wifi链接，配置ip就不需要加/static/connect.html。 本地调试需要电脑与手机在同一个网段,不然app无法访问配置的连接。