dl-breadcrumbs__homedl-breadcrumb-item__separatorConfiguration and programmingdl-breadcrumb-item__separatorProgramming with CODESYSdl-breadcrumb-item__separator...dl-breadcrumb-item__separatorCODESYS Visualizationdl-breadcrumb-item__separatorConfiguring and Starting Display Variants dl-breadcrumb-item__separatorExecuting as CODESYS WebVisu
dl-pagination__prev-inactivedl-pagination__prev-activedl-pagination__next-inactivedl-pagination__next-active
Executing as CODESYS WebVisudl-permalink__symbolPermalink
NOTICE

NOTICE
NOTICE
NOTICE

NOTICE

NOTICE

Recommendations for data security

In order to minimize the risk of breaches of data security, we recommend the following organizational and technical measures for the system on which your applications run:

As far as possible, avoid exposing the PLC and control networks to open networks and the Internet. For protection, use additional data-link layers such as a VPN for remote access and install firewall mechanisms. Limit access to authorized persons, change any existing standard passwords during the initial commissioning and continue to change them regularly.

If you nevertheless wish to publish your web visualization, it is urgently recommended that you provide it at least with simple password protection in order to prevent anyone accessing your control functionality over the Internet. (See an example in the project ‎SimpleWebvisuLogin.project‎, which is provided with the standard installation of the development system).

Use the latest versions of the gateway server and the web server.

You can execute a visualization as CODESYS WebVisu.

The requirement for this is that the runtime system contains a web server with WebVisu support. This enables communication between target system and web browser. The web server on the target system is started as soon as an application with WebVisu configuration is started and runs until all applications with WebVisu are ended. The device can then display visualizations in connected HTML5-capable web browsers.

The web-based display variant of the CODESYS Visualization enables remote access to a plant as well as its remote monitoring, service and diagnosis over the Internet. A web browser communicates by Java Script (optionally with SSL encryption) with the web server in the controller and displays the visualization by means of HTML5. This technology is supported by virtually all browsers and is thus also available on terminal devices with iOS or Android.

Configuring and starting display variants

An executable visualization ‎visMain‎ exists in the project.

  1. Select the object “Visualization manager” and select the command “Add object”.

  2. Select the object “WebVisu” and enter the name ‎WebVisu_A‎.

    There is a new object in the device tree underneath the object “Visualization Manager”. The associated editor opens.

    The visualization task ‎VISU_TASK‎ is automatically added under the task configuration.

  3. Select the visualization ‎visMain‎ in the “Start Visualization”.

  4. In “Name of .htm file”, enter the name ‎webvisuA‎.

  5. Click on “Show used visualizations” and check whether the selected visualization is activated for a download to the associated device.

    The visualization is configured. The settings under “Scaling options” determine the window size and the scaling.

  6. Start a suitable runtime system with web server and WebVisu support.

    Configure the communication settings for your system.

    The runtime system runs.

  7. Compile, load and start the application.

    The application and the web server run.

  8. Start a web browser with the following address: ‎http://localhost:8080/webvisuA.htm‎

    The page is displayed and you can see the data of the application and operate the application.

See also

Calling a page in the web server

Requirement: A visualization with WebVisu is started.

  1. Start a current browser with JavaScript and support of HTML5-Canvas, e.g. Firefox, Chrome, IE>=9.

  2. Enter the following address in the web browser:

    ‎http://localhost:8080/webvisu.htm‎

    Formal: ‎http://<IP address of webserver>:<port of webserver>/<name of HTM-file>‎

    ‎<name of HTM-file>‎ is the HTML start page of the visualization defined in the object “WebVisu”.

    The page is displayed and you can see the data of the application and operate the application.

Identifying WebVisu

In order to be able to identify a WebVisu with the help of the library block ‎VisuFbClientTagDataHelper‎, the WebVisu needs a name. In order to be able to specifically address it in the application, expand the URL call by the parameter ‎ClientName=<Name>‎.

Example:‎ http://localhost:8080/webvisu.htm?ClientName=VisClientxy‎.

See also