Running CDS-UI Locally

Owned by Nirvan Ramjuttun
Last updated: Jan 11, 2021 by Sarah Abouzainah
3 min read



Table of Contents



How to Get Started with CDS Designer UI

If you’re new to CDS Designer UI and need to get set up, the following guides may be helpful:

Prerequisites

Node version: >= 8.9

NPM version: >=6.4.1

Check-out code

git clone "https://gerrit.onap.org/r/ccsdk/cds"

Install Node Modules (UI)

From cds-ui/client directory, execute npm install to fetch project dependent Node modules 

Install Node Modules (Server)

From cds-ui/server directory, execute npm install to fetch project dependent Node modules 

Run UI in Development Mode

From cds-ui/client directory, execute npm start to run the Angular Live Development Server

nirvanr01-mac:client nirvanr$ npm start > cds-ui@0.0.0 start /Users/nirvanr/dev/git/onap/ccsdk/cds/cds-ui/client > ng serve ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

Run UI Server

From cds-ui/client directory, execute mvn clean compile then npm run build to copy all front-end artifacts to server/public directory

nirvanr01-mac:client nirvanr$ npm run build > cds-ui@0.0.0 build /Users/nirvanr/dev/git/onap/ccsdk/cds/cds-ui/client > ng build

From cds-ui/server directory, execute npm run start to build and start the front-end server

Build UI Docker Image

From cds-ui/server directory, execute docker build -t cds-ui . to build a local CDS-UI Docker image

Run UI Docker Image

Create docker-compose.yaml as below. 

Note:

  • Replace <ip> with host/port where controller & processor mS are running.

Execute docker-compose up cds-ui





Next: CDS Designer UI