Build OpenEMS UI
This chapter explains, how OpenEMS UI can be compiled so that it can be executed outside of an IDE.
Open the terminal inside Visual Studio Code (Menu: Terminal → New Terminal).
Execute the following commands inside the
ui directory of your OpenEMS repository. The build artifacts will be stored in a subfolder of the
To get more help on
ng help or go check out the Angular-CLI README.
This expects an OpenEMS Edge with Controller.Api.Websocket on default port
Serve to port
ng serve -o -c openems-edge-dev
ng build -c "openems,openems-edge-dev"
ng build -c "openems,openems-edge-prod,prod"
OpenEMS UI is able to support different themes, e.g. if you need to provide different colour sets for different OEM customers.
To create a new Theme for OpenEMS UI:
Create new folder under
rootwill be copied to
/of the OpenEMS UI
scss/variables.scsswill be used for styling
environments/*.tsdefine settings for Backend/Edge and development/production environments
Generate contents of
rootfolder using https://realfavicongenerator.net. and place them in
Add entries in