Angular 2 Frontent with SpringBoot (Java) Backend

Application to demonstrate various parts of a service oriented RESTfull application.

This application adopts a microservice architecture. The api and the webui are served from seperate webservers from seperate ports.

• API server (port 9119)
• WebUI server (port 3000)
• Gateway (you can find gateway config at config/application.properties file. In short the gateway redirects all the requests to port 3000 if the url starts with '/webui' else the request is processed at port 9119)

##Architecture

Technology Stack

Component	Technology
Frontend	Angular 2 , Material-Design,ReactiveX
Backend (REST)	SpringBoot 1.4 (Java)
Security	Token Based (Spring Security and JWT )
REST Documentation	Swagger UI / Springfox and ReDoc
REST Spec	Open API Standard
In Memory DB	H2
Persistence	JPA
Client Build Tools	angular-cli, Webpack, npm
Server Build Tools	Maven(Java)
Gateway Service	Netflix zuul
Localization

Build Instruction

Prerequisite (Ensure you have this installed before proceeding further)

• Java 8
• Maven 3.3.9 (Ubuntu sudo apt-get install maven)
• npm 3.9.5, (Ubuntu sudo apt-get install npm)
• Node 7.2.1,

sudo npm cache clean -f
sudo npm install -g n
sudo n stable

• Angular-cli (install using sudo npm install -g angular-cli@latest)
• local-web-server ( install using sudo npm install -g local-web-server)

Clone the repo in a folder

Install REST Backend

#navigate to the root folder where pom.xml is present 
mvn clean install

Install Frontend

1. Install/Upgrade angular-cli ((if not yet installed))

#Install as global package
npm uninstall -g angular-cli
npm cache clean
npm install -g angular-cli@1.0.0-beta.21

#Then install as local package (make sure you are in the same folder where package.json is)
rm -rf node_modules dist tmp
npm install --save-dev angular-cli@1.0.0-beta.21

2. Install a static WebUI server (if not yet installed) we are using local-web-server

#configuration for local-web-server is stored in .local-web-server.json
npm install -g local-web-server

3. Install the webui app

# Get and install all the packages 
npm install
# build the project (this will put the files under dist folder)
ng build

Start the API and WebUI server

# Start API server (9119)
# port and other configurations for API servere is in [./cofig/application.properties](https://github.com/mrin9/Angular2_SpringBoot/blob/master/config/application.properties) file
java -jar ./target/sonicwall-1.0.0.jar


# Start WebUI server (3000)
# port and other configurations for WebUI servere is in [local-web-server.json](https://github.com/mrin9/Angular2_SpringBoot/blob/master/.local-web-server.json) 
ws

• Access Server at http://localhost:9119/index.html
• Access Client at http://localhost:3000

Login Credentials

demo:demo
admin:admin
inactive:inactive

To get an authentication token

curl -X POST --header 'Content-Type: application/json' --header 'Accept: application/json' -d '{"username": "demo", "password": "demo" }' 'http://localhost:9119/session'

or POST the username and password to http://localhost:9119/session

after you get the authentication token you must provide this in the header for all the protected urls

curl -X GET --header 'Accept: application/json' --header 'Authorization: [replace this with token ]' 'http://localhost:9119/version'

Building docker images

if you want to host the application in a container you can use the Dockerfile provided here to build a docker image (you should have docker installed)

# execute this from a folder where Dockerfile is present
docker build -t msw:node_java_python .

# msw:node_java_python is just a tag name to identify the image
# after the image is built , you can run the container as follows
docker run -e "SPRING_PROFILES_ACTIVE=dev" -p 9119:9119 -p 3000:3000 -t msw:node_java_python

now you can visit http://localhost:9119