Angular 10과 Spring Boot Rest API 통합 예

https://grokonez.com/integrate-angular-10-and-springboot-restapis-example

[no_toc]튜토리얼에서는 SpringToolSuite IDE를 사용하여 개발을 위해 Angular 10을 SpringBoot RestAPI와 통합하는 방법을 보여줍니다.

Nodejs 및 Angular CLI 설정

간단한 Springboot RestAPI 생성

Angular 10 프로젝트 설정

Angular 10을 SpringToolSuite로 가져오기

SpringBoot RestAPI를 Angular 10과 통합

관련 게시물:

Angular Tutorial .

Spring Boot + Angular 6 example | Spring Data + REST + MongoDb CRUD example

기술

Node.js

각진 10

스프링부트 2.x

SpringToolSuite

목표 - Spring Boot Rest API와 Angular 10 통합

아래와 같은 구조로 Angular 10 클라이언트 및 SpringBoot RestAPI를 생성합니다.

각도 10:



스프링부트 프로젝트:



Angular 10 클라이언트를 사용하여 Spring RestAPI를 호출하면 다음을 얻습니다.



Spring-Boot 프로젝트로 Angular 10 프로덕션 빌드를 배포하면 다음을 얻습니다.

Node.js 설정

먼저 node -v & npm -v 명령으로 'Node.js'가 설치되어 있는지 확인합니다.
명령이 인식되지 않으면 'NodeJS'를 설치해야 합니다.

-> 이동: nodejs.org . Node.js 설치 프로그램을 다운로드하십시오. 튜토리얼에서는 현재 버전 10.4.0을 사용합니다. 우리는 'node-v10.15.3-x64.msi' 파일을 얻었습니다. 파일을 두 번 클릭하고 안내에 따라 Node.js를 설정하면 성공적으로 결과가 나타납니다.





– cmd 열기, 명령줄로 Node.js 확인: node -v & npm -v:

C:\Users\Administrator>node -v & npm -v
v10.15.3
6.4.1

더 보기: https://grokonez.com/integrate-angular-10-and-springboot-restapis-example