-
[Dev, Jenkins] Vue 프로젝트 Jenkins CI/CD 구축 (3) Jenkins 빌드 스크립트 작성하기Dev/Jenkins 2023. 7. 27. 18:02반응형
지난 포스팅에서는 Jenkins에서 Github Webhook을 받아보는 작업을 올렸습니다
이번 포스팅에서는 젠킨스가 받은 Vue 프로젝트 소스코드를 빌드하여 톰캣에 올리는 작업을 설명하겠습니다.
Chap1. 젠킨스 Item Build Steps 설정
젠킨스 Item의 Configure 설정에 들어간 후 Build Steps를 설정합니다.
Build Steps는 빌드가 될 때 차례대로 실행되는 명령의 모음입니다.
저는 윈도우 환경이어서 Execute Windows batch command를 이용했습니다.
명령어 입력 순서는
1. npm run build를 통해 vue project를 build 시켜 dist 폴더를 생성합니다.
npm run build || exit /b
2. 톰캣 webapps/ROOT 폴더에 기존에 있는 소스를 삭제합니다.
for /D %%X in ("[톰캣위치\Webapps\ROOT]\*") do rd /S /Q "%%X"
del /Q /F "[톰캣위치\Webapps\ROOT]\*.*"
3. dist 폴더에 있는 소스코드를 톰캣 webapps/ROOT로 복사합니다.
robocopy dist "[톰캣위치\webapps\ROOT]" /E /B || exit /b
Chap2. 빌드 확인
성공적으로 빌드가 되었고 명령어가 실행되었다면 톰캣의 위치에 프로젝트가 제대로 들어간 것을 확인할 수 있습니다.
이상으로 Vue Project를 CI/CD 환경 구축을 해보았습니다.
개발/배포 환경에 따라 CI/CD 환경 구축 방법이 다르겠지만 webhook과 jenkins가 하는 역할에 대해 고민을 해보신다면 충분히 CI/CD 환경을 구축할 수 있습니다.
반응형'Dev > Jenkins' 카테고리의 다른 글
[Dev, Jenkins] Vue 프로젝트 Jenkins CI/CD 구축 (2) Jenkins Webhook 받기 (0) 2023.07.26 [Dev, Jenkins] Vue 프로젝트 Jenkins CI/CD 구축 (1) Github webhook 사용하기 (0) 2023.07.25