# blue_esp32 **Repository Path**: ituserxxx/blue_esp32 ## Basic Information - **Project Name**: blue_esp32 - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-11-07 - **Last Updated**: 2025-11-10 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 蓝牙设备管理小程序 基于uniapp和Vue框架开发的微信小程序,用于扫描、连接和管理附近的蓝牙设备。 ## 功能特性 - 🔍 **蓝牙设备扫描**:自动扫描附近的蓝牙设备 - 📱 **设备列表显示**:以可滑动列表形式展示设备信息 - 🔗 **设备连接配对**:支持蓝牙设备配对连接 - 💾 **本地存储**:已连接设备信息本地保存 - 🔎 **设备搜索**:支持按设备名称搜索过滤 - 📊 **个人中心**:显示连接历史和统计信息 - 🏠 **底部菜单栏**:首页和个人中心快速切换 - 📈 **数据统计**:扫描和连接数据统计 ## 技术栈 - **框架**:uni-app + Vue 3 - **平台**:微信小程序 - **存储**:本地存储(localStorage) ## 项目结构 ``` blue_esp32/ ├── pages/ # 页面目录 │ ├── index/ # 主页 │ │ └── index.vue # 蓝牙扫描页面 │ └── profile/ # 个人中心 │ └── profile.vue # 设备管理页面 ├── static/ # 静态资源 │ └── tabbar/ # 底部导航图标 ├── App.vue # 应用入口 ├── main.js # 主入口文件 ├── manifest.json # 应用配置 ├── pages.json # 页面配置(含底部菜单栏) ├── package.json # 项目依赖 └── README.md # 项目说明 ``` ## 配置说明 ### 1. 配置微信小程序AppID 在发布前,需要在`manifest.json`文件中配置您的微信小程序AppID: ```json "mp-weixin": { "appid": "您的微信小程序AppID", // ... 其他配置 } ``` **获取AppID:** - 访问微信公众平台(mp.weixin.qq.com) - 注册小程序账号 - 在开发设置中获取AppID ## 使用说明 ### 1. 扫描设备 - 点击"开始扫描"按钮启动蓝牙设备扫描 - 扫描过程中会实时显示发现的设备 - 点击"停止扫描"结束扫描 ### 2. 连接设备 - 在设备列表中找到目标设备 - 点击"连接"按钮 - 在弹出的配对窗口中输入配对码 - 配对成功后设备将显示在"已连接设备"区域 ### 3. 搜索设备 - 在搜索框中输入设备名称关键词 - 系统将实时过滤显示匹配的设备 ### 4. 个人中心功能 - 查看当前连接设备 - 查看历史连接记录 - 查看扫描统计信息 - 清空历史记录 - 快速连接历史设备 ### 5. 底部菜单导航 - 首页:蓝牙设备扫描和连接 - 个人中心:设备管理和统计信息 ## 权限配置 小程序需要以下权限: - 蓝牙权限 - 位置权限(用于蓝牙设备扫描) ## 开发说明 ### 运行项目 ```bash # 使用HBuilderX打开项目 # 或使用命令行工具 npm run dev:mp-weixin ``` ### 打包发布 ```bash npm run build:mp-weixin ``` ## 注意事项 1. 确保设备蓝牙功能已开启 2. 首次使用需要授权蓝牙和位置权限 3. 部分设备可能需要手动输入配对码 4. 连接距离受蓝牙信号强度影响 ## 兼容性 - 支持微信小程序平台 - 需要微信版本7.0.0及以上 - 支持iOS和Android系统