# 触达云屏-Windows 数据可视化大屏客户端

**Repository Path**: lincsharp/chudy_visual_windows

## Basic Information

- **Project Name**: 触达云屏-Windows 数据可视化大屏客户端
- **Description**: 用于在Windows大屏设备上展示数据可视化大屏、网页内容、视频播放、企业宣传、监控预警等内容的客户端软件。开机自启动，免维护。

同时支持远程推送，交互操作。
- **Primary Language**: NodeJS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://www.chudayun.com
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 20
- **Created**: 2023-02-14
- **Last Updated**: 2023-02-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 触达云屏-数据可视化大屏展示客户端

解决以下痛点：
1. 大屏设备悬挂高处，每日需要开机展示内容，人工开启费时费力。

    触达云屏大屏客户端支持开机自启动，自动展示最近一次推送的内容。
1. 大屏设备分布公司不同的位置，人工发布撤换内容费时费力。

    触达云屏客户端支持远程推送发布内容，轻松更换展示内容。
1. 需要完全无互联网的 内网环境使用

    触达云屏支持局域网、广域网

#### 介绍


用于在Windows大屏设备上展示可视化大屏的客户端软件

常见设备：办公会议一体机、广告机、工控机 等

使用场景：物联网设备监测预警、工厂生产看板、调度生产监测大屏、数据汇报、领导驾驶舱、前台大厅企业宣传 等等

![输入图片说明](doc/dapingshebei1.png)

服务端模式：作为推送服务端，向其他客户端推送展示内容，适用于大屏设备数量较多的场景。

![输入图片说明](doc/screenshot_1650535934273.png)

#### 如果你计划或正要实施数据可视化项目，不妨了解一下 免费 低代码 数据可视化分析平台触达云屏，帮你高效实现数据可视化：


[免费数据可视化大屏设计，B站视频教程](https://space.bilibili.com/1642363989)

[免费数据可视化大屏设计，触达云屏-官方文档](http://www.chudayun.com/docs/1.readme/)

触达云屏私有部署软件包下载链接：https://pan.baidu.com/s/1tO0-Yf3v3lj9W2tnAjci5A   提取码：cd9x


#### 大屏客户端软件功能架构

    支持Windows7+
    支持web网页展示
    支持多屏自动轮播
    支持手动切换大屏
    支持设定每屏的播放时长
    支持开机自启动
    支持主从设备互联、统一推送大屏
    支持展示触达云屏数据可视化大屏
    支持支持Andriod客户端接入推送
    
V1.2.0 版本更新：

    增加导航操作工具条：无操作时自动隐藏，有操作时显示，支持一键退出到桌面，一键回到轮播页面，一键停止自动轮播，手动上下切换大屏。
    推送API增加支持简易的 token校验。
    Electron 版本升级到 21。
    移除鼠标点击屏幕左侧和右侧 切换大屏的功能，避免和大屏本身的点击事件冲突。

    


#### 使用说明

1.  下载发行版：下载地址 https://pan.baidu.com/s/1tO0-Yf3v3lj9W2tnAjci5A 提取码：cd9x

![](doc/screenshot_1650466999601.png)

2.  安装客户端

    双击运行下载的客户端

    ![](doc/screenshot_1650467548909.png)

1.  推送展示内容（使用客户端内置推送页面）

    功能地址：http://[客户端所在主机IP]:25002/ ，如本机访问：http://127.0.0.1:25002/

    ![输入图片说明](doc/tuisongyemian.png)

4.  推送展示内容（业务系统调用API推送）

    推送地址：http://[客户端所在主机IP]:25002/push?ip=[目标客户端IP] ，如：http://127.0.0.1:25002/push?ip=192.168.1.18

    请求方式：POST

    推送参数(BODY)：


```

[{
	"url": "http://www.chudayun.com",
	"duration": 5,
	"id": "1001"
},{
	"url": "http://demo.datav.hezyun.cn/chudy_visual/view/1539916447218663424",
	"duration": 5,
	"id": "1539916447218663424"
},{
	"url": "http://demo.datav.hezyun.cn/chudy_visual/view/1580439656195948544",
	"duration": 5,
	"id": "1580439656195948544"
}]

```

    清空展示内容：需要清除大屏正在展示的内容，则推送空数组即可

```
 []
```
    
#### 客户端操作说明

    触摸屏：左右触摸滑动，切换大屏；支持使用导航条操作。

    非触摸：鼠标点击屏幕，自动显示导航条，使用导航条操作。
    
    导航条说明：

![输入图片说明](doc/daohangtiao.png)
    
    拖动导航条：鼠标移动到拖动图标，按下鼠标拖动

    切换到桌面：点击 电脑图标，停止轮播，回到桌面

    切换回轮播：点击 小房子 图标，回到轮播（在轮播状态下点击时，回到首屏）

    暂停轮播：点击 播放、暂停 图标，开始和暂停轮播

    上一屏：点击 向左箭头图标，切换到上一屏

    下一屏：点击 向右箭头图标，切换到下一屏

    隐藏导航条：无点击操作30秒后，自动隐藏导航条
    
    唤出导航条：在大屏任意位置单击鼠标；回到桌面状态下，点击任务栏的触达云屏图标。
    
    

    

#### **多台设备互联，统一推送：**

1.  在所有需要展示大屏的主机上安装 触达云屏大屏客户端

1.  选定其中一台作为 推送服务主机

1.  配置其他 触达云屏大屏客户端 连接到 推送服务主机

    鼠标点击客户端页面右下角的状态内容

    ![](doc/screenshot_1650468430080.png)

    填写 推送服务主机 信息（IP和端口）：

    ![](doc/screenshot_1650468749620.png)

    连接密码暂时未启用，不需要输入。

    点击【保存】，保存配置信息，保存后自动连接服务器

    连接成功则状态显示已连接。

4.  通过推送服务主机给其他大屏客户端推送展示内容

    推送地址：http://[推送服务主机IP]:25002/push?ip=[目标主机IP]

    如：http://127.0.0.1:25002/push?ip=127.0.0.1

    请求方式：POST

    推送参数(BODY)：同单机推送


#### 如果你计划或正要实施数据可视化项目，不妨了解一下 免费 低代码 数据可视化分析平台触达云屏，帮你高效实现数据可视化：


[免费数据可视化大屏设计，B站视频教程](https://space.bilibili.com/1642363989)

[免费数据可视化大屏设计，触达云屏-官方文档](http://www.chudayun.com/docs/1.readme/)


#### 需求、建议

    欢迎大家反馈需求和建议。 沟通探讨QQ群：160269112

   [点击链接加入QQ群聊【触达云屏-数据可视化】](https://jq.qq.com/?_wv=1027&k=npLOQAut)


#### 开发扩展

1. 推荐使用VsCode开发工具
1. npm install 
1. npm run start 启动
1. npm run dist 编译安装包
 
#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request