# uapp_mqtt

**Repository Path**: ukiot/uapp_mqtt

## Basic Information

- **Project Name**: uapp_mqtt
- **Description**: 小程序mqtt测试工具
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-05
- **Last Updated**: 2025-03-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# UKIOT MQTT 工具

![应用截图](./static/logo.png)

本应用由TraeAI 生成,由人工调试;

[体验地址](http://iot.ukiot.cn) http://iot.ukiot.cn (IPV6)


## 功能特性

✅ 多协议支持：完整支持 MQTT 3.1.1/5.0 协议标准

✅ 安全连接：支持 SSL/TLS 加密通信，保障数据传输安全

✅ 可视化监控：实时展示设备连接状态和消息流量

✅ 双向通信：支持主题订阅/发布、QoS 等级设置

✅ 断线重连：自动重连机制保障通信连续性

✅ 历史记录：完整保存连接配置和消息记录

## 技术栈

- 前端框架：Vue3 + TypeScript
- UI 组件库：Uni-app 原生组件
- MQTT 客户端：mqtt.js 4.3.7
- 状态管理：Vuex
- 构建工具：Vite

## 快速开始

```bash
# 安装依赖
npm install

# 开发模式
npm run dev

# 生产构建
npm run build
```

## 配置说明

在 `src/utils/mqtt.ts` 中配置默认连接参数：

```typescript
const defaultConfig: MQTTConfig = {
  host: 'broker.emqx.io',
  port: 8083,
  username: 'admin',
  password: 'public',
  autoReconnect: true
};
```

## 功能截图

![连接管理](./images/login.png)

![连接管理离线](./images/logout.png)

![消息发布](./images/publish.png)

![订阅消息](./images/subscribe.png)

## 贡献指南

欢迎提交 Issue 和 PR，代码规范请参考 `.eslintrc` 配置。

## 许可证

MIT License