PlatformUI 3.0 development environment setup

Looking for setup guidelines?

The guidelines for PlatformUI 3.0 setup contains the initial setup procedures including Installation, Configurations and various Commands to set the development environment on your local machine.

Prerequisite

Node.js (v12.18.3 - Recommended)

Steps to setup Development Environment

%WORKSPACE% is the directory which contains InSights - Development Platform.

Update the @angular/cli globally in your local by using below commands.
- ng version
  npm uninstall -g @angular/cli
  npm cache verify
  npm install -g @angular/cli@11.0.4
  ng version

Change working directory("%WORKSPACE%\Insights\PlatformUI3.0").
Delete node_module and dist folders.

Install node_module dependencies using command:

npm install

Add C:\Users\<userId>\AppData\Roaming\npm path in environment 'path' variable
Open new terminal and run following command
From the directory(%WORKSPACE%\Insights\PlatformUI3.0), run command:

ng build --prod --base-href=/app/

ng serve

To create the artifact, please follow the following steps.

From the directory(%WORKSPACE%\Insights\PlatformUI3.0), run command

mvn clean install –DskipTests

Target folder will be generated under same folder structure, where PlatformUI3-7.3.zip will be created.
Extract the folder and a folder "app" will be created.
Copy "app" folder, place the folder under "D:\Development_Avecto\InSights_Windows\Server2\apache-tomcat-8.5.32\webapps"
If "app" folder already exist then rename the existing folder.
Add "serviceHost" and "grafanaHost" property with respective url in uiConfig.json.

Top Section