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