# ClientApp

**Repository Path**: IoTSharp/ClientApp

## Basic Information

- **Project Name**: ClientApp
- **Description**: 使用Vue3.0 编写的IoTSharp 前端
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://demo.iotsharp.net/
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 12
- **Created**: 2022-10-25
- **Last Updated**: 2025-04-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 物联网平台

## README

<p align="left">
  <a href="https://iotsharp.io/">
    <img src="public/logo_white.svg" width="360px" alt="IoTSharp logo" />
  </a>
</p>


#### 🌈 介绍

这是一个基于模板vue-next-admin 的 IoTSharp前端项目,IoTSharp 是一个开源的物联网基础平台，集设备属性数据管理、遥测数据监测、RPC多模式远程控制、规则链设计引擎等强大能力，依据数字孪生概念将可见与不可见的物理设备统一孪生到数字世界，在落地上IoTSharp结合了资产管理、产品化发展的理念，让平台应用更加贴合复杂的应用场景，在协议支持上支持HTTP、MQTT 、CoAp 等多种标准物联网协议接入和非标协议的转换。  

[![NodeJS with build](https://github.com/IoTSharp/ClientApp/actions/workflows/nodejsbuild.yml/badge.svg)](https://github.com/IoTSharp/ClientApp/actions/workflows/nodejsbuild.yml) [![Submodule Updates](https://github.com/IoTSharp/ClientApp/actions/workflows/submodule-update.yml/badge.svg)](https://github.com/IoTSharp/ClientApp/actions/workflows/submodule-update.yml)


#### ⛱️ 线上预览

- Demo <a href="http://demo.iotsharp.net" target="_blank">http://demo.iotsharp.net</a>
 

#### 💒 代码仓库

- vue3.x 版本 <a href="https://github.com/IoTSharp/ClientApp" target="_blank">https://github.com/IoTSharp/ClientApp</a>
 
#### 🚧 安装 npm

- 复制代码(桌面 cmd 运行) `npm install `


#### 🏭 环境支持

| Edge      | Firefox      | Chrome      | Safari      |
| --------- | ------------ | ----------- | ----------- |
| Edge ≥ 79 | Firefox ≥ 78 | Chrome ≥ 64 | Safari ≥ 12 |

> 由于 Vue3 不再支持 IE11，故而 ElementPlus 也不支持 IE11 及之前版本。

#### ⚡ 使用说明

建议使用  npm 

```bash
# 克隆项目
git clone https://github.com/IoTSharp/ClientApp.git

# 进入项目
cd ClientApp

# 安装依赖
npm install  --legacy-peer-deps

# 运行项目
npm run dev

# 打包发布
npm run build
```

#### 💯 学习交流加
 
 点击这里查看详细连接 https://github.com/IoTSharp/IoTSharp#community-support


#### ❤️ 鸣谢列表

- <a href="https://github.com/lyt-Top/vue-next-admin" target="_blank">vue-next-admin</a>