一个网页上可组态图形、手机上图形监控是工程师们比较喜欢的功能，不需要定制APP，不需要定制网站，又要保证手机监控工程的灵活性，简单易用成本低。下面我们就通过巨控GrmWebGUIDev来制作手机APP，实现对PLC远程无线监控。
一、技术方案
现场采用巨控GRM系列远程控制终端模块采集PLC数据，实现PLC远程无线监控，通过巨控的GrmWebGUIDev开发环境组态好远程监控的图形界面，将图形界面通过网络将GRM模块关联起来，实现和PLC的远程通讯。图形界面开发完成以后，上传到巨控WebGui云服务器即可在网页云平台上面看到组态好的实时图形，实现PLC远程无线监控，手机和电脑打开网页都可以看到图形动画效果。
（需要资料和试用的朋友可以联系巨控老王 ：15307483969）
二、 实现目标
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、选择工程模式：此处我们选用动态多设备模式
 
 
 
 
4、由于A和B两个现场是一样的工程项目即WEB上相同的“变量”会关联到不同的模块，那么需要定义模块的指针。定义了2个指针，“现场A类设备”作为A现场和B现场模块的指针，“现场B类设备”作为C现场模块的指针。添加现场GRM设备，在设备管理器中添加设备，定义设备名称、GRM模块序列号和密码，并且把模块分配到相应的设备指针。
 
 
 

 需要注意的是：这里引入了设备指针管理器的概念，主要作用切换不同的工程数据，比如设备生产厂商，每台设备用了1个GRM模块，生产的设备每一台都是相同的，那么可以用同一个监控画面，切换到不同的设备上。
5、制作3D图片，添加到工程组成多状态图片，添加窗口标题，添加文本显示，按钮等。
 
 



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

7、开发完成后可以打开仿真运行网页
 
 
 
切换现场
 
 
 
 
 

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

电脑端看看效果：
 
手机端看看效果：