WebTools

WebTools — WinCC Open Architecture 网页客户端

WebTools OAClient 是现代化的浏览器 HMI，可替代 WinCC OA 原生 UI 客户端。 操作员站无需安装胖客户端 — 单台 WebTools 服务器支持 1000+ 并发网页会话。

申请演示 文档

WebTools 网页平台

面向管理员、开发人员和分析师的专业数据库与过程参数可视化工具。 WebTools 是带内置工程环境的客户端–服务器应用：创建 HMI、绑定实时数据、发布给操作员 — 通常无需编码。

WinCC OA 网页客户端（OAClient）

WinCC Open Architecture 标准 UI 客户端的完整网页替代方案。通过 WSS 连接 WinCC OA 3.x / 4.x 服务器。

大规模并发

适用于控制室与企业推广：从试点到 1000+ 并发浏览器，最多约 100 万订阅数据点。

多语言 HMI

支持多语言的操作界面 — 适用于全球化生产与 CMM 场景。

应用场景

流程工业

实时监控、报警、趋势及操作员对话框。

控制中心

多操作员共享基础设施 — 网页瘦客户端替代大量 UI 安装。

分析看板

在统一画面中组合 WinCC OA 标签与 SQL/时序数据。

改造升级

用 HTML5 图形和响应式布局扩展现有 WinCC OA 项目。

OAClient 与原生 WinCC OA UI

项目原生 WinCC OA UIWebTools OAClient
交付每台工作站安装胖客户端任意现代浏览器
并发用户经典架构限制单服务器 1000+ 网页客户端
工程WinCC OA GEDI内置控件/画面编辑器、菜单、主题
数据源主要为 WinCC OAWinCC OA + PostgreSQL、InfluxDB、MES/ERP、第三方 SCADA
更新逐台 PC 部署中心服务器更新 — 操作员刷新页面

参考服务器配置

并发客户端订阅点数（约）参考服务器
最多 105,0004 GB 内存，4 核
最多 10050,0008 GB 内存，4 核
最多 500300,00012 GB 内存，6 核
最多 1,0001,000,00024 GB 内存，8 核

架构与集成

分层架构：后端连接器与消息代理、BFF（前端后端）负责订阅、浏览器端 React 展示层。 WinCC Open Architecture 是主要 SCADA 路径，同时可并行接入数据库与外部系统。

WebTools 架构：数据源、后端、BFF、浏览器 OAClient

逻辑架构（依据产品描述，使用 WinCC OA 命名）

后端

WinCC OA、PostgreSQL、InfluxDB 连接器及消息代理 — 采集、处理与交换实时数据。

BFF

预订阅与 Web 处理器 — 通过 WebSocket 向大量客户端推送标签更新。

前端（OAClient）

浏览器中的画面与控件；工程工具用于布局、动态和安全区域。

数据源连接

WinCC Open Architecture主 SCADA — 通过 WSS（v3/v4）获取数据点、报警、事件；可视化无需原生 UI 客户端。
PostgreSQL直接 SQL — 报表、主数据及标签+关系型混合画面。
InfluxDB时序历史库 — 趋势与高频指标。
MES / ERP制造与企业管理 — 订单、KPI、物料流。
第三方 SCADA通过专用连接器接入外部自动化平台 — 统一 HMI。
LDAP / OIDC企业认证与 SSO — 基于角色的访问控制。

典型部署流程

  1. 安装 WebTools 服务器Linux 或 Windows，nginx/Apache，PostgreSQL 13+，Node.js 18+。
  2. 配置连接WinCC OA 服务器、数据库及可选 MES/ERP。
  3. 工程画面控件/画面编辑器、菜单、用户区域、多语言资源。
  4. 交付操作员打开 HTTPS — 无需 UI 客户端安装；扩展至 1000+ 会话。

产品功能

WebTools OAClient 核心功能 — 可视化开发、运行时与管理一体化。

控件编辑器

复合控件、属性、事件、别名、图层；导入/导出；撤销/重做与仿真。

画面编辑器

流程图：标准符号、动态、输入对话框、设备模板。

界面配置器

应用外壳 — 面板、菜单、画面与角色导航。

连接与数据点

WinCC OA 标签建模及外部源映射；大规模订阅管理。

用户与安全

用户、组、责任区；LDAP 与 OpenID Connect。

主题与语言

浅色/深色主题，运行时语言切换。

HTML5 对象

在监督图形中嵌入 Web 内容。

时序图

描述和调试操作员、画面与数据源交互流程。

技术栈

前端

React、Redux、TypeScript。

后端

NestJS、TypeORM、Socket.IO、C++ 连接器。

运维指标

99% 可用性目标，<1% 错误率，100+ 请求/秒。

产品截图

来自用户手册的真实 WebTools OAClient 界面。

WebTools 数据管理：WinCC OA 点树、属性、数据源
数据与源 — WinCC OA 标签浏览、实时值、PostgreSQL、MES、ERP 连接
WebTools 画面编辑器
画面编辑器 — 矢量图、动态、事件（onDpConnect、LangChanged）
WebTools 趋势图控件编辑
控件编辑器 — 工程画布上的趋势与表格
WebTools 表格控件
表格控件 — 列、字段、脚本
WebTools 菜单与导航配置
界面配置器 — 菜单、拓扑、图标栏预览
WebTools 画面区域布局
画面布局 — 页眉、侧栏、主区、页脚
WebTools 用户与组管理
安全 — 用户、组、责任区、权限
WebTools 多语言资源
语言 — 运行时 Ru/En 切换的翻译键

演示

完整用户手册、快速入门及 WinCC OA 集成章节可在线查阅。欢迎预约针对您标签库或 PostgreSQL 混合场景的演示。

打开文档 联系预约演示

联系

欢迎咨询 WebTools OAClient。