浏览器仅支持 HTTP/WebSocket,OPC DA 基于 Windows COM/DCOM、OPC UA 二进制协议不能直接给网页调用,巨控 OPC560 作为OPC 客户端网关,做三层协议转换:
WinCC/组态王OPC Server(DA/UA)→ OPC560(OPC Client采集)→ 巨控YunPLC云平台 → Web网页/第三方前端

核心安全优势(工控现场刚需)
工控上位机(WinCC)不用接外网,仅 OPC560 模块单独上网,内网生产网与互联网物理隔离;
无需配置复杂 DCOM、不用公网固定 IP / 域名;
数据 AES 加密传输,网页访问账号密码分级权限;
支持单向只读模式,防止外网篡改现场设备参数。
二、核心硬件选型(针对 OPC 转 Web 场景)
1. OPC560 系列(好,专门对接上位 OPC 服务器)

OPC561:单 OPC 服务器、500 点,小型单机 WinCC;
OPC562:1000 点,中小型产线;
OPC563:支持 4 台 OPC 服务器、3000 点、冗余上位机,多车间 DCS;
OPC564:5000 点,大型全厂 SCADA;
全部兼容 OPC DA、OPC UA,完美适配 WinCC、iFIX、组态王、Kepware。
2. GRM 通用网关(PLC 直采 + OPC 转发二合一)
GRM550/GRM240/NET400:现场无上位机时,直接读 PLC,再内置 OPC UA 服务 + Web 接口;NET400 可本地发布 OPC UA Server,内网网页直连。
三、三种 Web 落地模式(按需选择,从零代码到自主开发)
模式 1:巨控自带云端 Web 页面(零代码,最快上线)
流程
OPC560 局域网对接 WinCC 工控机,GRMDEV6 软件添加 OPC 服务,批量导入变量;

模块插网线 / 4G 卡连接 YunPLC 工业云;
登录云平台后台,拖拽组态 Web 监控画面(曲线图、仪表盘、设备流程图);
电脑 / 手机浏览器输入云平台地址,输入设备账号密码直接访问;

自带功能:历史曲线、报警记录、微信 / 短信报警、多用户权限分组。
模式 2:WebGUI 自定义网页(可视化拖拽,自有品牌界面)
适合:企业定制化监控大屏、配套 MES 内网页面
云端 WebGUI 工具导入底图(原有组态截图、工艺流程图);
绑定 OPC 采集的变量,添加按钮、弹窗、趋势控件;
生成独立网页链接,可嵌入公司内网门户;
支持读写操作,远程下发参数修改指令。
模式 3:标准 WebService/HTTP API 二次开发(对接自有 Web/MES 系统,最常用)
适合:自有前端、MES、数字化平台自主开发,核心对接方案
接口规范(巨控云开放标准 HTTP 接口)
鉴权:设备编号 + 访问密钥 Token;
读实时数据:POST https://yunplc.com/api/gettag,返回 JSON 变量值、时间戳;
写变量:POST https://yunplc.com/api/writetag,权限可控;
历史数据、报警记录单独查询接口;
前端 JS/Axios 直接调用,无需工控底层知识,普通 Web 开发即可对接 OPC 数据。
数据流
OPC560 采集 OPC 数据→云平台缓存→自有 Web 前端通过 HTTP 接口拉取 JSON 渲染页面。
四、完整实操部署步骤(以 WinCC+OPC560 为例)
步骤 1:硬件组网
WinCC 工控机、OPC560 接入同一交换机 / 局域网;
OPC560 WAN 口接外网或 4G 天线,工控机仅内网、不连互联网。
步骤 2:WinCC 侧配置(无需修改项目)
WinCC 运行系统开启,确认 OPC Server 服务正常(WinCC OPC DA / OPC UA);
记录工控机 IP、OPC 服务名称 / UA 端口号。
步骤 3:GRMDEV6 配置 OPC 采集
软件扫描 OPC560 模块,设置模块局域网 IP;
新增设备:驱动选择OPC DA Client/OPC UA Client,填入 WinCC 工控机 IP;
一键浏览、批量导入需要上 Web 的变量(温度、压力、流量等);
勾选变量读写权限、数据刷新周期(默认 500ms);
编译程序下载至 OPC560 网关。
步骤 4:开通云平台,发布 Web 服务
设备自动注册到 YunPLC 云,获取设备 ID、访问密钥;
方案 A(零代码):云平台拖拽组态 Web 监控页面;
方案 B(二次开发):记录 API 密钥,前端对接 HTTP 接口;
配置报警推送:微信、企业微信、钉钉、短信。
步骤 5:网页访问
五、内网无公网方案(工厂严格断外网场景)
现场不允许设备上互联网,用 OPC560 本地 Web 服务:
OPC560 与 Web 服务器、WinCC 同内网,不上云;
模块内置本地 WebServer,提供内网 HTTP 接口;
内网大屏、本地 MES 网页直接访问模块局域网 IP 获取 OPC 数据;
完全断外网,数据仅在厂区内网流转,安全等级最高。
六、方案对比选型表
表格
| 方案 | 开发量 | 适用场景 | 网络要求 | 核心优势 |
|---|
| 云平台自带 Web | 0 代码 | 快速监控、手机远程查看 | 模块需外网 | 当天上线、自带报警历史曲线 |
| WebGUI 定制网页 | 低(拖拽) | 企业专属监控大屏 | 外网 / 内网均可 | 自定义界面、可嵌入企业系统 |
| HTTP API 二次开发 | 中(前端开发) | MES、自有数字化平台 | 外网 / 内网 | 完全自主控制界面逻辑 |
| OPC560 本地内网 Web | 0 代码 | 厂区物理断外网 | 纯内网 | 零外网风险,内网大屏专用 |
七、关键优势(对比自建 Node/Python OPC 网关)
不用 Windows 工控机做网关:OPC560 独立工业硬件,7×24 稳定运行,工控机关机不影响 Web 访问;
OPC DA 免 DCOM 配置,解决传统 OPC 跨网段、权限报错难题;
一站式:采集 OPC + 协议转 Web + 报警 + 历史存储一体化;
工业安全隔离:上位机不上外网,杜绝病毒入侵生产系统;
支持多系统兼容:WinCC、和利时、浙大中控、Kepware 等全部组态 OPC。
八、常见配套拓展
远程调试:通过云平台远程连接 WinCC/PLC 程序下载;
视频联动:接入工业摄像头,Web 页面同步查看画面 + 工艺数据;
数据对接数据库:云平台可定时推送 OPC 数据到 MySQL/PostgreSQL,报表系统调用;
冗余方案:OPC563 支持双 WinCC 上位机冗余采集,断一台自动切换。