Docker로 띄운 Jenkins에서 vue 패키징 후 jar 배포를 배워서 남주자

Docker로 Jenkins를 띄운 이유는 쉽게 container를 올렸다 내렸다 하기위해서 도입했습니다. 생각보다 막히는 부분들이 많았네요. 첫 번째 이슈는 네트워크 공유입니다. 이거는 회의 때 설명드린 거라 나중에 도커와 네트워크에 대한 지식을 더 익힌 후 개선해도 될 것 같습니다.

두 번째 이슈는 젠킨스 컨테이너 내부의 Node 설치입니다. 호스트 서버엔 노드가 있지만 컨테이너 내부는 독립적인 공간이라 따로 설치를 해주어야 합니다. 찾다보니 젠킨스 내부에서 NodeJs라는 플러그인을 지원하네요. Managed plugins에 들어가서 NodeJS 플러그인을 설치하고 재시작해줍니다.

vue cli를 설치해야 규동의 프런트엔드 폴더에서 빌드가 됩니다.

vue-cli-service build --mode production

vue cli 설치 이유는 명령어를 실행해야 빌드가 되기 때문입니다. 주의 점은 그냥 vue-cli가 아니라 @vue-cli, 앞에 골뱅이가 있네요.

Build Environment에서 노드를 선택합니다.

이런 방식이 best practice인지는 모르겠어요. 순서가 우리 메인서버를 클론을 받고, 프런트 프로젝트도 클론을 받고 프런트를 먼저 빌드를하고 -> 메인 서버 폴더에 넣고 -> 메인 서버를 빌드해서 jar를 만든다. 그냥 이 순서에 맞게 해봤어요.

중간에 --version 찍은거는 설치가 더럽게 안되서 그냥 확인 삼아 넣어본거구요. 처음 클론을 받으면 그 뒤부터 브랜치 풀만 하면 되기 때문에 첫 시작 부분에는 주석을 했어요. 스크립트 if 문으로 개선을 할지 말지 모르겠네요.