feat: add device binding home interactions
This commit is contained in:
25
README.md
25
README.md
@@ -2,12 +2,12 @@
|
||||
|
||||
这是一个适合零基础开发者的 `Taro + React + TypeScript` 微信小程序项目模板。你后续会用 React 组件方式开发页面,再编译成微信小程序代码进行预览和发布。
|
||||
|
||||
当前首页已经改成了一版“无数据状态”业务样式,方便你直接在这个基础上继续接真实接口和页面跳转。
|
||||
当前首页已经改成了一版“设备绑定首页(无设备状态)”业务样式,方便你直接在这个基础上继续接真实接口和页面跳转。
|
||||
|
||||
## 1. 目前已经包含什么
|
||||
|
||||
- `Taro + React + TypeScript` 项目骨架
|
||||
- 首页无数据状态业务示例页面
|
||||
- 首页设备绑定业务示例页面
|
||||
- 小程序 `AppID` 配置
|
||||
- `AGENTS.md` 协作规则文件
|
||||
- 从开发到发布的中文说明
|
||||
@@ -158,20 +158,29 @@ npm run dev:weapp
|
||||
|
||||
## 12. 当前首页做了什么
|
||||
|
||||
现在首页已经不是默认演示页,而是一个更接近正式项目的静态业务首页,包含:
|
||||
现在首页已经不是默认演示页,而是一个“设备绑定首页(无设备状态)”业务页,包含:
|
||||
|
||||
- 顶部登录入口
|
||||
- 已关联设备数量展示
|
||||
- 两个主操作按钮
|
||||
- 扫码添加设备按钮
|
||||
- 蓝牙搜索附近设备按钮
|
||||
- 绑定状态展示区
|
||||
- 绑定前提示卡片
|
||||
- 底部导航视觉样式
|
||||
|
||||
这些内容当前是静态演示结构,点击后会先弹出提示,方便你后续继续接:
|
||||
当前首页已经接入了部分小程序能力:
|
||||
|
||||
- 扫码按钮会调用微信小程序扫码能力
|
||||
- 蓝牙按钮会先检查定位权限,再尝试打开蓝牙搜索
|
||||
- 如果开发环境中暂时搜不到真实设备,页面会用前端占位设备演示完整绑定流程
|
||||
|
||||
这些内容当前仍然属于前端演示和占位实现,方便你后续继续接:
|
||||
|
||||
- 登录页
|
||||
- 扫码添加设备
|
||||
- 扫码解析接口
|
||||
- 真实蓝牙设备筛选与配对
|
||||
- 设备列表
|
||||
- 商城、我的等页面
|
||||
- 报告、消息、我的等页面
|
||||
|
||||
## 13. 你接下来最常做的开发动作
|
||||
|
||||
@@ -208,6 +217,7 @@ src
|
||||
|
||||
- 保持 `npm run dev:weapp` 在运行
|
||||
- 在微信开发者工具里查看编译后的模拟器效果
|
||||
- 扫码和蓝牙相关能力更推荐使用真机调试,因为开发者工具里不一定能完整模拟真实权限和设备搜索环境
|
||||
|
||||
### 真机预览
|
||||
|
||||
@@ -215,6 +225,7 @@ src
|
||||
2. 点击开发者工具中的“预览”
|
||||
3. 使用管理员或绑定开发者微信扫码
|
||||
4. 在手机里查看效果
|
||||
5. 如果要测试蓝牙绑定,请同时确认手机蓝牙和定位权限已经打开
|
||||
|
||||
## 15. 上传、提交审核和发布
|
||||
|
||||
|
||||
Reference in New Issue
Block a user