Отладка скриптов в WinCC Unified

Siemens SIMATIC WinCC Unified — это мощная система HMI (человеко-машинный интерфейс) для широкого спектра приложений. Unified является мощным и гибким инструментом, отчасти благодаря сценариям, основанным на событиях. Эти сценарии JavaScript можно настроить на выполнение самых разных событий: от нажатия кнопки до обновления значения или отображения нового экрана. Одним из полезных инструментов при написании этих сценариев является DevTools, отладчик, встроенный непосредственно в браузер Chrome.

Предварительная настройка

Сначала запустите моделирование вашего HMI, нажав кнопку «Start Simulation» в верхней части экрана.

Во-вторых, откройте приложение SIMATIC Runtime Manager и включите отладчик.

Чтобы эти изменения вступили в силу, необходимо перезапустить среду выполнения проекта. Как только это будет сделано, все должно быть настроено для начала отладки!

Что нужно знать

Отладчик активен только для текущего отображаемого экрана. Никакие другие сценарии просмотреть невозможно, а для открытия другого экрана может потребоваться закрытие и повторное открытие отладчика.

Любые изменения, внесенные в код в отладчике, НЕ сохраняются в проекте. По этой причине необходимо редактировать код непосредственно из портала Siemens SIMATIC TIA Portal.

Наконец, обновление моделирования приведет к отключению DevTools, часто единственный способ повторно подключиться после этого — закрыть и снова открыть отладчик.

Открытие отладчика

Откройте симуляцию в веб-браузере, перейдя по адресу https://<имя_ПК>. Имя ПК можно найти, зайдя в "Settings" > "System" > "About" и просмотрев раздел "Device Name". Отсюда нажмите WinCC Unified RT и войдите в систему, используя пользователя, созданного на портале TIA в настройках безопасности. Убедитесь, что этому пользователю назначены роли администратора и оператора HMI.

Теперь откройте отладчик, перейдя по адресу chrome://inspect. Обязательно сделайте это в Google Chrome версии 80 или выше. Откройте всплывающее окно «Настройка» и введите IP-адрес и порт, установленные для моделирования, например, localhost:9222. Номер порта можно найти в SIMATIC Runtime Manager в настройках > Script Debugger > Screen Debugger port. Как только это будет установлено, нажмите «Готово», а затем обновите. Через несколько секунд проект должен заполниться.

Нажмите на вторую ссылку проверки на вкладке «События». DevTools должен открыться. Убедитесь, что выбрана вкладка «Источники» на верхней ленте и должны быть заполнены сценарии для текущего экрана.

Использование отладчика

Этот отладчик работает так, как и следовало ожидать. Щелчок по номеру строки слева от текста добавляет точку останова, позволяя программе выполняться построчно после срабатывания точки останова.

Нажатие кнопки, вызывающей соответствующие сценарии, приводит к остановке кода в точке останова.

Теперь, если мы перешагнем линию, мы увидим, что она выполнила эту строку и остановилась на следующей.

При проверке средства просмотра трассировки теперь должно отображаться сообщение «Сообщение трассировки», поскольку эта строка была выполнена.

Если мы нажмем кнопку возобновления сценария, показанную ниже, остальная часть сценария выполнится, поскольку других точек останова нет.

Как показано ниже, код нигде не остановлен, а значение тега увеличилось на единицу.

При выполнении кода также можно просматривать текущие значения под раскрывающимся списком области действия с правой стороны. Здесь вы можете просмотреть локальные, модульные и глобальные значения из соответствующих разделов.