Running CDS-UI Locally

Table of Contents

Prerequisites
Check-out Code
Install Node Modules (UI)
Install Node Modules (Server)
Run UI in Development Mode
Run UI Server
Build UI Docker Image
Run UI Docker Image

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

ONAP Wiki