# iot-console-web_3

**Repository Path**: elfbobo_admin/iot-console-web_3

## Basic Information

- **Project Name**: iot-console-web_3
- **Description**: iotkit物联网平台前端项目。
使用前端框架：element-ui，vue2.0 QQ群: 940575749。
iotkit物联网平台，包含了品类、物模型、消息转换、通讯组件(mqtt通讯组件、小度音箱接入组件)、云端低代码设备开发，设备管理、规则引擎、第三方平台接入、数据流转、数据可视化、报警中心等模块。 QQ群：940575749
- **Primary Language**: JavaScript
- **License**: LGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 141
- **Created**: 2022-05-09
- **Last Updated**: 2022-05-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 介绍

此仓库为奇特物联(iotkit)物联网平台的前端项目。 
奇特物联是一个开源的物联网基础开发平台，提供了物联网及相关业务开发的常见基础功能, 能帮助你快速搭建自己的物联网相关业务平台。

系统包含了品类、物模型、消息转换、通讯组件（mqtt通讯组件、小度音箱接入组件）、云端低代码设备开发、设备管理、规则引擎、第三方平台接入、数据流转、数据可视化、报警中心等模块。

**后台项目见：** https://gitee.com/iotkit-open-source/iotkit-parent

**演示地址：** [演示地址](http://120.76.96.206)，账号：guest1,密码：guest123  (只读权限)

### 技术栈
使用的框架和组件包含vue2.0、element-ui、vue-keycloak、codemirror、echarts等

### 使用说明

1.  技术文档
    邀你加入「iot平台技术文档」知识库: https://ztktkv.yuque.com/g/ztktkv/gb3v6g/collaborator/join?token=zz5PUmXzGQqc4h9t# (只读成员)
    
      **这是我宝贵的技术文档分享，看完后请帮忙给本仓库点个star。 :sparkles:** 

    交流QQ群: 940575749

### 界面截图
![输入图片说明](doc/images/1_0.png)
![输入图片说明](doc/images/1.png)
![输入图片说明](doc/images/2.png)
![输入图片说明](doc/images/3.png)
![输入图片说明](doc/images/4.png)
![输入图片说明](doc/images/5.png)
![输入图片说明](doc/images/6.png)
![输入图片说明](doc/images/7.png)
![输入图片说明](doc/images/8.png)
![输入图片说明](doc/images/9.png)
![输入图片说明](doc/images/9_2.png)
![输入图片说明](doc/images/9_3.png)
![输入图片说明](doc/images/9_4.png)
![输入图片说明](doc/images/10.png)
![输入图片说明](doc/images/11.png)
![输入图片说明](doc/images/11_2.png)
![输入图片说明](doc/images/11_3.png)
![输入图片说明](doc/images/12.png)
![输入图片说明](doc/images/13.png)
![输入图片说明](doc/images/14.png)
![输入图片说明](doc/images/15.png)
![输入图片说明](doc/images/15_1.png)
![输入图片说明](doc/images/16.png)
![输入图片说明](doc/images/16_1.png)
![输入图片说明](doc/images/16_2.png)
![输入图片说明](doc/images/18.png)
![输入图片说明](doc/images/17.png)

### 说明

本项目的用户认证用的是keycloak，如果想跑起来了需要先部署keycloak(https://www.keycloak.org/)

### 前端配置：
.env.development
```
VUE_APP_API_URL=填写后台接口地址
VUE_APP_AUTH_REALM=填写keycloak定义的realm
VUE_APP_AUTH_URL=填写keycloak认证地址
VUE_APP_AUTH_CLIENTID=填写keycloak中添加的clientId
VUE_APP_MQTT_WS=填写mqtt broker websocket地址
```


### 安装：
npm install --save

### 启动：
npm run serve

### 打包：
npm run build


#### 捐助与支持
如果您觉得我的开源软件对你有所帮助请打个赏，1元钱也是爱。

如果我的开源软件应用到您的商业项目中，请务必通知到我，因为得到用户的认可是支撑开源的动力。

交流QQ群: 940575749