[펌] Angular2 and Spring Boot: Getting Started

Spring Boot 기반의 웹애플리케이션에서 Angular-Cli 로 생성한 Angular2 애플리케이션을 실행시키는 튜토리얼

** 원문
https://blog.jdriven.com/2016/12/angular2-spring-boot-getting-started/

Spring Boot 기반의 웹애플리케이션에서 Angular-Cli 로 생성한 Angular2 애플리케이션을 실행시키는 튜토리얼이다. 최종 결과로 jar 파일이 생성되어 ‘java -jar’ 명령만으로 java가 깔려있는 곳이라면 어디든 Angular2 Frontend + Spring Boot Backend 구조의 웹애플리케이션을 실행할 수 있다.

포스트 내용의 핵심은 통합 패키징을 위한 pom.xml 작성이다.
mvn 프로젝트이고, 최상위 parent 프로젝트 아래에 frontend, backend 모듈 프로젝트를 포함한다.  이중 frontend는 angular-cli의 ‘ng new’ 명령으로 생성되고, 독자적으로 테스트를 위해 ‘ng serve’로 실행할 수도 있다.

frontend 모듈의 pom.xml 내용중 ‘executions’ 섹션은 angular2의 빌드 내용을 담고 있는데, 최종 output은 ‘.angular-cli.json’의 ‘apps > outDir’ 섹션에서 정의한다.
=> 예제에서는 frontend 모듈 아래 ‘target/frontend’ 디렉토리로 정의

** Github
https://github.com/jbruinink/ng2boot

** 주의사항
frontend 모듈의 pom.xml 내용중 ‘configuration’ 섹션의 node 와 npm 의 버전이 개발환경의 그것들과 같아야 한다. 그렇지 않으면 에러 내뱉으면서 빌드 실패함!

command-line 명령

$ mvn clean install
$ cd backend
$ mvn spring-boot:run

  1. 안녕하세요 제가 같은 파일을 참조하면서 보다가 우연히 들렀는데 mvn명령어가 안듣거나
    스프링 터미널에서 node , npm, 등 명령어가 안먹히는 경우는 어떤경우인지 혹시 아시나요??

    좋아요

    응답

    1. package.json을 살펴보세요.
      scripts에 build가 없을수 있습니다.

      좋아요

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중

%d 블로거가 이것을 좋아합니다: