This application demonstrates how to set up a web application. The backend consists of a Spring Boot web application with an embedded Tomcat server and a Postgres database. The frontend consists of a single page application built with Angular and nginx as reverse proxy. To run all parts of the application, docker compose is used.
- Start Postgres docker container:
docker-compose -f backend/docker-compose.postgres.yml up(append-dto run in daemon mode) - Start Backend:
cd backend && mvnw spring-boot:run - Start Frontend (with webpack dev server, not nginx):
cd frontend && npm run start
- run
./build-an-run-local.sh(see script for more on how things work)
To avoid CORS issues due to different ports of frontend and backend, a reverse proxy is employed. This is done by using nginx, shipped within the frontend Dockerfile. See Dockerfile and nginx.conf for more.
For development, the webpack dev server ist configured to proxy requests to http://localhost:8080.
See here for more.
To prevent man-in-the-middle attacks and sniffing of plain-text network traffic, SSL is configured in this demo application. The following resources are helpful to understand how HTTPS can be configured:
- https://www.baeldung.com/openssl-self-signed-cert
- https://medium.com/@rubenvermeulen/running-angular-cli-over-https-with-a-trusted-certificate-4a0d5f92747a
- https://nginx.org/en/docs/http/configuring_https_servers.html
Run ./create-self-signed-certificate.sh to create a self signed certificate for use in a non-production environment.
- Dockerize Spring Boot not as minimalistic as currently done (e.g. read this guide)
- Give this a read