The GaugeMeter CWC is also officially released in SIOS (https://support.industry.siemens.com/cs/ww/de/view/109779176)
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
What things you need to install the software and how to install them
- Visual Studio Code - JavaScript code IDE
- SIMATIC WinCC Unified - running environment for testing
A step by step series of examples that tell you how to get a development env running
- Create a new WinCC Unified project in TIA Portal and add a Unified PC station or Unified Comfort Panel
- Close TIA Portal
- Add the file {551BF148-2F0D-4293-99C2-C9C3A1A6A073}.zip to the project folder: "UserFiles\CustomControls"
- Start TIA Portal and open a WinCC Unified screen
- Drag&Drop the CustomWebControl from the toolbox on the right under tab "My controls" into to the screen
- Download and start the runtime locally (use simulation)
- Open your browser and see the CustomWebControl
- Open windows explorer in folder path: C:\Users\Public\Documents\Siemens\WebUX_ResourceCache\_CustomWebControls
- You will find the code of the CustomWebControl in a sub folder here (e.g. 1.312.0.0.0.0)
- Edit the code and refresh the WinCC Unified website to see your changes immediately
- Be careful: After a restart of the runtime your changes are lost, so keep & commit them in a version control system like GIT (code.siemens.com)
There are no automated tests yet for this CustomWebControl
This chapter only describes how to create a new CustomWebControl from the given code. The deployment on a running system is described in "Installating"
- zip: In the windows explorer select the folders "control" and "assets", as well as the filei "manifest.json", then right click and send to zip archive. Give the name "{551BF148-2F0D-4293-99C2-C9C3A1A6A073}.zip" and it is ready to use!
We use SemVer for versioning. For the versions available, see the tags on this repository.
see LICENSE.md
- Gauge.js was used in this project as 3rd party library for the visualization of the gauge