WebTools — веб-клиент для WinCC Open Architecture

WebTools OAClient — современный браузерный HMI, заменяющий штатный UI-клиент WinCC OA. Рабочие места операторов без установки толстого клиента — более 1000 одновременных веб-сессий на один сервер WebTools.

Веб-платформа WebTools

Профессиональная визуализация контролируемых параметров БД и технологических процессов для администраторов, разработчиков и аналитиков. WebTools — клиент–серверное приложение со встроенной средой разработки: создание HMI, привязка данных, публикация операторам — как правило, без программирования.

Веб-клиент WinCC OA (OAClient)

Полноценная веб-замена штатному UI-клиенту WinCC Open Architecture. Подключение по WSS к серверам WinCC OA 3.x / 4.x.

Массовая одновременность

Диспетчерские и корпоративные внедрения: от пилота до 1000+ браузеров и до 1 млн подписанных точек.

Многоязычный HMI

Интерфейсы операторов с поддержкой нескольких языков — для распределённого производства и CMM.

Области применения

Производство

Мониторинг, аварии, тренды, диалоги оператора для непрерывных и дискретных процессов.

Диспетчерские

Много операторов на одной инфраструктуре — тонкий веб-клиент вместо сотен установок UI.

Аналитика

Объединение тегов WinCC OA с SQL и временными рядами на одних экранах.

Модернизация

Развитие проектов WinCC OA с HTML5-графикой и адаптивной вёрсткой.

OAClient и штатный UI WinCC OA

КритерийШтатный UI WinCC OAWebTools OAClient
ПоставкаУстановка клиента на каждое АРМЛюбой современный браузер
ПользователиОграничения классической архитектуры1000+ веб-клиентов на сервер
РазработкаGEDI / средства WinCC OAРедакторы виджетов, экранов, меню, тем
ИсточникиПреимущественно WinCC OAWinCC OA + PostgreSQL, InfluxDB, MES/ERP, сторонние SCADA
ОбновленияРаскатка на каждое АРМОбновление сервера — оператор обновляет страницу

Эталонные аппаратные требования

КлиентовТочек (ориентир)Сервер
до 105 0004 ГБ ОЗУ, 4 ядра
до 10050 0008 ГБ ОЗУ, 4 ядра
до 500300 00012 ГБ ОЗУ, 6 ядер
до 1 0001 000 00024 ГБ ОЗУ, 8 ядер

Архитектура и интеграции

Слоистая архитектура: коннекторы и брокер сообщений на бэкенде, BFF (backend-for-frontend) для подписок, React-интерфейс в браузере. WinCC Open Architecture — основной SCADA-путь, параллельно подключаются БД и внешние системы.

Архитектура WebTools: источники данных, бэкенд, BFF, браузер OAClient

Логическая схема по описанию программы (обозначения WinCC OA)

Бэкенд

Коннектор WinCC OA, PostgreSQL и InfluxDB, брокер сообщений — сбор, обработка и обмен данными.

BFF

Преподписки и обработчики для веб-UI — эффективная доставка тегов по WebSocket многим клиентам.

Фронтенд (OAClient)

Экраны и виджеты в браузере; инструменты разработки мнемосхем, динамики и зон доступа.

Подключаемые источники данных

WinCC Open ArchitectureОсновная SCADA — точки, аварии, события через WSS (v3 / v4). Визуализация без штатного UI-клиента.
PostgreSQLПрямой SQL — отчёты, справочники, гибридные экраны (теги + реляционные данные).
InfluxDBИсторian временных рядов для трендов и высокочастотных метрик.
MES / ERPПроизводственный и учётный контур — заказы, KPI, материальные потоки у оператора.
Сторонние SCADAВнешние АСУ ТП через коннекторы — единый HMI на гетерогенных объектах.
LDAP / OIDCКорпоративная аутентификация и SSO для ролевого доступа.

Типовое развёртывание

  1. Сервер WebToolsLinux или Windows, nginx/Apache, PostgreSQL 13+, Node.js 18+.
  2. ПодключенияСервер WinCC OA, БД, опционально MES/ERP в инженерной среде.
  3. Разработка экрановРедакторы виджетов и экранов, меню, зоны, языковые ресурсы.
  4. ЭксплуатацияОператоры открывают HTTPS — без установки UI-клиента, масштаб до 1000+ сессий.

Функциональные возможности

Основные функции WebTools OAClient — визуальная разработка, runtime и администрирование в одном продукте.

Редактор виджетов

Составные элементы, свойства, события, элиасы, слои; импорт/экспорт; отмена/повтор; симуляция.

Редактор экранов

Мнемосхемы: символы, динамика, диалоги ввода, шаблоны устройств и ссылки.

Конфигуратор интерфейса

Оболочка приложения — панели, меню, навигация между экранами и ролями.

Подключения и точки данных

Моделирование тегов WinCC OA и внешних источников; управление подписками.

Пользователи и безопасность

Пользователи, группы, зоны ответственности; LDAP и OpenID Connect.

Темы и языки

Светлая/тёмная тема, переключение языка в runtime.

HTML5-объекты

Встраивание веб-контента в мнемосхемы.

Диаграммы последовательности

Описание и отладка сценариев взаимодействия.

Технологический стек

Фронтенд

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
Безопасность — пользователи, группы, зоны ответственности
Редактор языковых ресурсов
Языки — ключи перевода для Ru/En в runtime

Демо

Руководство пользователя, быстрый старт и интеграция с WinCC OA — в онлайн-документации. Закажите демонстрацию с вашей БД тегов или PostgreSQL.

Контакты

Свяжитесь с нами по вопросам WebTools OAClient.