# 物联云组态

**Repository Path**: shenwang/WebTopo-Vue2

## Basic Information

- **Project Name**: 物联云组态
- **Description**: 基于vue2实现的可视化组态编辑器，0代码0编程，一拖一拽即可组成工业组态图，以mqtt实现即时通讯。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://81.68.197.219:10061/index
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 7
- **Created**: 2023-03-01
- **Last Updated**: 2023-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 操作说明

云组态体验网址：
http://81.68.197.219:10061/ 体验账号：test  123456

为防止测试数据被其他登录用户删除，请您自行注册账号，谢谢。

技术栈：

1.框架依托于若依框架，符合中小企业的开发需求。

2.微信小程序、安卓APP是基于uniapp开发的。

3.2D云组态是基于vue开发的，内嵌elementUI，符合大众开发习惯。

4.3D云组态编辑器是基于threeJS开发的，需要你方开发人员有开发threejs的经验

5.基于mqtt实现设备与云组态之间的即时通讯，实现毫秒级响应。


实现功能：

1.复制、粘贴、删除.

2.置顶、置顶.

3.旋转、对齐、组合、锁定.

4.导入、导出、撤销、恢复.

5.预览、保存、一拖一拽、自建大屏.

6.以MQTT实现即时通讯以及设备控制指令下发。

7.内置3D模拟器，可以支持ThreeJs的渲染。

8.内含近三千的工业组态图，你想要的应有尽有(测试账户组态图为精简版)。

9.更多功能请访问完整版.


MQTT测试服务器IP：81.68.197.219 端口：1883

账号：dashboard 密码：dashboard

第一步：新建设备(设备编号为15位格式的)

第二步：新增变量，便于组态界面进行绑定。

第三步：新增组态界面，点击编辑进入组态编辑界面


第四步：拖拽左侧数显框到画布中，选择数据绑定。


第五步：点击预览，通过mqtt通信，实现预览界面的即时通讯。

发布主题：

IOT-WULIANYUN-REALDATA-875489657487845 

发布数据：
{"A1":60,"A2":20,"A3":50,"A4":1}


以下为平台协议部分测试数据：

1.心跳数据测试指令： 

客户端发布主题：IOT/WULIANYUN/HEARTBEAT/DATA 
{"imei":"875489657487845","data":[{"m":"A4","n":"开关","u":"","v":"1"},{"m":"A1","n":"温度","u":"","v":"12051.000"},{"m":"A2","n":"湿度","u":"","v":"12048.000"},{"m":"A3","n":"光照","u":"","v":"12043.000"}]}

2.组态实时推送测试指令： 客户端发布主题：IOT-WULIANYUN-REALDATA-875489657487845 
{"A1":50,"A2":20,"A3":50,"A4":1}

3.组态控制指令下发：

客户端订阅主题：IOT/WULIANYUN/ORDERSEND/875489657487845

{"paramField":"A4","paramName":"风机开关","paramValue":"1"}

客户端指令回复主题：IOT-WULIANYUN-ORDERSEND-875489657487845
{"A1":50,"A2":20,"A3":50,"A4":1}