Spring Boot 3 + Angular Fully Integrated Web App Code

Опубликовано: 18 Октябрь 2024
на канале: PJL Software
95
4

In this code review, we complete our web app's front-end ‪@Angular‬ and back-end ‪@SpringSourceDev‬ integration. Our Angular front-end will display whether our back-end Spring Boot server is healthy utilizing the health check API we created in a previous branch.

We also cover creating an Angular codebase from scratch moving away from the web application code Angular generated for us.

------------------------------------------------------------------------
Steps to run the web app locally:

1. Clone the full-stack-auth-repo: https://github.com/pjl-software/full-...

2. Checkout the 04-angular-spring-local-integration branch and cd into the repo.

3. Start the back-end server in one terminal by running $ ./spring-back-end/bin/local-startup-scripts/build-and-run

4. Start the front-end server in another terminal by running $ ./spring-back-end/bin/local-startup-scripts/build-and-run

------------------------------------------------------------------------

Chapters
0:00 - Reviewing the Angular-Provided Demo App
0:45 - Demo of our New API-Integrated Web App
2:15 - Running the Code Locally
4:34 - Angular Codebase Review
5:10 - Angular Environment-based Property Files
7:28 - Angular Web-Page Variable Injection
10:15 - Angular Module File Overview
13:15 - Spring Boot CORS Policy Fixed