手机APP实现PLC远程无线监控

　　一个网页上可组态图形、手机上图形监控是工程师们比较喜欢的功能，不需要定制APP，不需要定制网站，又要保证手机监控工程的灵活性，简单易用成本低。下面我们就通过巨控GrmWebGUIDev来制作手机APP，实现对PLC远程无线监控。

一、技术方案

　　现场采用巨控GRM系列远程控制终端模块采集PLC数据，实现PLC远程无线监控，通过巨控的GrmWebGUIDev开发环境组态好远程监控的图形界面，将图形界面通过网络将GRM模块关联起来，实现和PLC的远程通讯。图形界面开发完成以后，上传到巨控WebGui云服务器即可在网页云平台上面看到组态好的实时图形，实现PLC远程无线监控，手机和电脑打开网页都可以看到图形动画效果。

二、实现目标

1、 在网页上生成漂亮的图形界面

2、 可以自由切换不同的工程现场

3、 同一个工程切换不同的窗口界面

4、 图形的方式控制现场

5、 图形界面的方式监测现场数据

6、 生成历史曲线图

三、软硬件准备

1、本项目使用3台GRM模块，分为3个项目现场，A现场应用1个GRM200模块，B现场应用1个GRM200模块、C现场应用1个GRM500模块。

2、安装GrmWebGUIDev 开发环境

四、设置步骤

1、为了让效果更好，把固定的静态图形做成3D图片放进WEBGUI开发环境窗口。制作背景图形可以应用PS或者用其他图形软件制作3D图片，作为工控人也可以用普通组态软件画好图形，并且生成图片，巨控Gaintview组态软件有生成图片功能。

2、打开GrmWebGUIDev 开发环境，新建工程，设定画面尺寸。

3、选择工程模式：此处我们选用动态多设备模式

‍

需要注意的是：这里引入了设备指针管理器的概念，主要作用切换不同的工程数据，比如设备生产厂商，每台设备用了1个GRM模块，生产的设备每一台都是相同的，那么可以用同一个监控画面，切换到不同的设备上。

5、制作3D图片，添加到工程组成多状态图片，添加窗口标题，添加文本显示，按钮等。

6、制作历史曲线图，模块自带云端数据存储，支持断线续传，网络恢复自动补发，保证历史数据不丢失，在WEB GUI里面添加历史数据变量，以曲线的方式展示出来。

‍‍7、开发完成后可以打开仿真运行网页‍‍

‍‍切换现场‍‍

‍‍8、制作完毕以后，压缩打包工程，把文件上传到WEBGUI服务器即可远程网页图形界面监控、手机图形监控。大功告成‍‍

‍‍五、 手机端看看效果：