-
[Dev, Jenkins] Vue 프로젝트 Jenkins CI/CD 구축 (2) Jenkins Webhook 받기Dev/Jenkins 2023. 7. 26. 17:38반응형
지난 포스팅에서 Github에서 Jenkins로 Webhook을 보내는 방법을 설명했었습니다.
[Dev, Jenkins] Vue 프로젝트 Jenkins CI/CD 구축 (1) Github webhook 사용하기
Vue 프로젝트를 Jenkins를 통해 CI/CD 환경을 구축하는 방법을 알아보겠습니다. 먼저 환경으로는 nodejs, tomcat, github, jenkins를 사용하였습니다. Nodejs : vue 프로젝트를 실행 및 빌드를 하기 위함 Tomcat :
hhproject.me
이번 포스팅에서는 보낸 Webhook을 Jenkins에서 받고 소스코드를 Jenkins가 다운받도록 하는 방법을 설명하겠습니다.
Chap1. 젠킨스 Item 생성
먼저 젠킨스에서 Item을 새로 만듭니다.
Freestyle project를 설정해주시고 item name을 설정합니다.
Chap2. Item 설정
Item을 만든 후 Configure에서 설정을 해주어야합니다
먼저 소스 코드 관리에서 Git을 등록해줍니다.
Repository URL은 소스코드가 업로드되는 레포지토리의 URL를 적어주시면 됩니다.
그리고 레포지토리가 private 설정이 되어있다면 Credentials를 설정해야합니다.
Username은 Github의 username이고
Password는 Github의 token을 받아 입력해야합니다.
ID는 젠킨스에서 구분을 위한 ID를 세팅합니다.
깃허브에서 hook을 보낼때 빌드가 실행되도록 설정을 합니다.
Chap3. Webhook 확인
hook을 정상적으로 받게 된다면
Github Hook Log에서 로그를 확인할 수 있습니다.
만약 HTTP ERROR 403 No valid crumb was included in the request 에러가 난다면
Dashboard > Jenkins 관리 > Security 탭에서
CSRF Protection 항목의
Enable proxy compatibility를 체크하시기 바랍니다
이번 포스팅에는 Github에서 보낸 Webhook을 Jenkins에서 받아서 빌드를 실행할 수 있도록 구성했습니다.
다음 글에는 빌드를 실행할 때에 스크립트를 실행하는 방법을 포스팅하겠습니다.
반응형'Dev > Jenkins' 카테고리의 다른 글
[Dev, Jenkins] Vue 프로젝트 Jenkins CI/CD 구축 (3) Jenkins 빌드 스크립트 작성하기 (0) 2023.07.27 [Dev, Jenkins] Vue 프로젝트 Jenkins CI/CD 구축 (1) Github webhook 사용하기 (0) 2023.07.25