VISU+ HTML5 WEBCLIENT
HTML5 WebClient with Visu+ and Visu+ Express
Application note
109329_en_00 © PHOENIX CONTACT 2020-01-08
1 Description Table of contents
With the HTML5 WebClient you can access your project via 1 Description ..................................................................1
HTML5-capable browsers. 2 Hardware requirements ...............................................1
This document describes how to enable this functionality in 3 Software requirements.................................................1
your Visu+ or Visu+ Express project.
4 Visu+ project................................................................2
4.1 Configuring the network service...........................2
2 Hardware requirements 5 WebClient ....................................................................2
Operating device with Visu+ firmware version ≥ 1400:
– TP 3XXXX
– TPM 3XXXX
– TP 3XXXX/P
– TP 3XXXX/WT
– BTP 2XXXX
– VL2 PPC 1000
– VL2 BPC 1000
3 Software requirements
– Visu+ Version ≥ 2.52
– Visu+ Express Version ≥ 2.52
Make sure you always use the latest documentation.
It can be downloaded at phoenixcontact.net/product/2988544.
VISU+ HTML5 WEBCLIENT
4 Visu+ project 5 WebClient
• Open an existing Visu+ project or create a new one. The access is now possible with a HTML5-capable browser.
• Enter the IP address and the port as URL
4.1 Configuring the network service (e.g. 192.168.0.2:8080) in the address field of the
browser.
Figure 1 Configuring the network service
• Double-click on the „Networking“ entry.
Figure 3 WebClient in the browser
Figure 2 Configuring the websocket server
• Enable the „Network Server“ and „Websocket Server“
check boxes.
• Configure the „Web Server Port“.
To encrypt the communication, you have to enable HTTPS
transfer with a certificate.
• Enable the „Secure Websocket“ check box.
• Click on the „...“ button in the "Create Certificate"
section.
A DER and PEM certificate is created.
The certificates are provided by default in the sub-folders
„cert“ and „private“ of the hidden folder
„C:\ProgramData\Phoenix Contact\VisuPlus“.
The file „WebCfg.xml“ is generated in the project
folder. The file contains the default folders for the
certificates.
109329_en_00 PHOENIX CONTACT GmbH & Co. KG • Flachsmarktstraße 8 • 32825 Blomberg • Germany 2/2
phoenixcontact.com
