gitlab 프로젝트 CI/CD 환경 구축하기 6편 -gitlab에 push하면 자동으로 프론트엔드 빌드하기-

1. gitlab connection

 

이전에 했던 gitlab connection을 수행한다

 

gitlab 프로젝트 CI/CD 환경 구축하기 2편 -window에서 jenkins와 gitlab 프로젝트 연동하기 연습- (tistory.com)

gitlab 프로젝트 CI/CD 환경 구축하기 2편 -window에서 jenkins와 gitlab 프로젝트 연동하기 연습-

 

 

gitlab repo에서 settings - access token으로 들어가 token을 발급받는다

 

 

 

혹시 모르니까 권한 다 설정하고 token 이름 유효기한 적당히 설정하고 create

 

 

 

발급에 성공하면 새로고침하면 다시는 볼 수 없으니 혹시 모르니까 copy해두고 어딘가에 기록해두자

 

 

jenkins 관리 > 시스템 설정에 들어가 Gitlab 부분을 찾는다

 

connection name은 아무거나 입력하고 host url은 본인 gitlab 서버 url

 

 

 

credentials에 +add 눌러서 아까 발급받은 token을 이용해 생성

 

kind에는 GitLab API token을 

 

API token에는 아까 생성한 token 쓰고 id, description은 아무거나 입력

 

 

 

우측 하단에 test connection 눌러서 success나오면 연동 성공

 

 

 

2. webhook 설정

 

먼저 새 item + 눌러서 프로젝트 생성

 

 

 

프로젝트에 이전에 빌드 할때 한대로 소스코드 관리를 작성

 

 

아래에 branches to build에 빌드할 브랜치를 입력한다

 

기본이 master로 되어있어서 본인의 branch로 바꿔줘야한다

 

 

 

이제 그 아래에 빌드 유발 부분을 설정해줘야한다

 

Build when a change is pushed to Gitlab. GitLab webhook URL: ~~부분을 클릭

 

여기서 webhook URL을 기억해둔다

 

enabled gitlab triggers 설정에 push events, opened merge request events 부분 체크

 

 

 

아래에 고급 버튼이 있는데 누르고 맨 아래에 secret token을 생성하는 부분이 있다

 

 

generate를 눌러서 token을 생성하고 복사해둔다

 

 

 

그리고 본인의 gitlab repo로 돌아가 settings - webhooks로 들어간다

 

 

 

다음과 같이 나오는데 url 부분에는 webhook url을 넣어주고

 

secret token에는 아까 생성한 secret token 입력

 

 

 

 

그리고 아래 trigger 부분에 push events가 체크되어있는데.. 

 

merge request events도 체크해볼까?

 

 

 

그리고 맨 아래에 SSL verification에 enable ssl verification이 체크되어 있는데

 

add webhook을 눌러서 아래와 같이 project hook이 들어오면 webhook 설정이 끝

 

 

 

3. 테스트해보기

 

실제로 잘 되는지 테스트해보자.

 

젠킨스에서 나머지 빌드 설정을 수행

 

 

본인 gitlab에 한번 push해보자

 

 

 

다음과 같이 젠킨스에서 자동으로 build를 진행한다면 성공

 

 

 

 

 

https://tech.osci.kr/2020/01/16/jenkins-build%EB%A5%BC-gitlab%EC%97%90-push%EC%99%80-%ED%95%A8%EA%BB%98-%EC%88%98%ED%96%89%EB%90%98%EB%8F%84%EB%A1%9D-%ED%95%98%EA%B8%B0-2/

Jenkins Build를 GitLab에 push와 함께 수행되도록 하기 - 오픈소스컨설팅 테크블로그

 

https://rainbound.tistory.com/entry/gitlab%EC%99%80-jenkinsAWS-EC2-%EC%97%B0%EB%8F%99

gitlab와 jenkins(AWS EC2) 연동 후 S3에 배포