Table of Contents generated with DocToc
I've also created a series of projects to demo Angular and Spring WebFlux using other protocols:
This application demonstrate building backend RESTful APIs with the newest Reactive stack introduced in Spring 5, and creating the frontend SPA with Angular 5.
Read the comprehensive step by step guide to get more details.
- client - The client application built with Angular CLI.
- server - The backend RESTful APIs.
Clone the source codes into your local system.
git clone https://github.com/hantsy/angular-spring-reactive-sample
The backend is a Spring Boot based application, make sure you have installed the following software:
- Apache Maven
- Oracle JDK 8
- Docker & Docker Compose
There is a docker-compose.yml file in the project root folder.
Starts up required MongoDb and Reids service in the background by executing the following command.
docker-compose up
NOTE: You can also install a local MongoDb and Redis instead of using Docker.
Then run the application by Spring boot maven plugin directly.
mvn spring-boot:run
The client application is generated by Angular CLI.
Enter client folder, execute the following command to run the frontend UI.
npm install
npm run start
Open your favorite browser, and navigate to https://localhost:4200.
By default, I do not use a CORS config to run the Server side in this sample application.
But if you do not like to use a proxy.conf.js
in the Angular config, follow the following steps to enable cors support in the backend, and connect to the backend directly in the client side.
Activate the cors profile when running the Spring Boot application.
java -jar target/app.jar --spring.profiles.active=cors
There is a standalone configuration cors added in the Angular config to connect to the backend directly.
npm run start:cors
Welcome to contribute this project. If you have some ideas do not hesitate to file an issue or send a PR directly.