[Jenkins] Jenkins Job - Item React 추가 방법

Jenkins Item React 추가 방법 안내

 

 

0. 사전준비

---

1. GitHub 계정 등록 : Credentials 등록
2. Jenkins GitHub 연동
3. GitHub Webhook 설정

 

1. env 파일 등록

---

1.0. React ENV 예시

REACT_APP_URL=https://ex.com
REACT_APP_IMAGE=https://ex.com
REACT_APP_DEBUG=false

1.1. jenkins 컨테이너 접속

docker exec -u 0 -it jenkins-dev /bin/bash

1.2. /****/***/****/dev/ 경로에 .env.development 파일 생성 및 환경변수 저장

mkdir -p /****/****/****/*****/
vim /****/****/****/*****/.env.development

 

2. React Item 추가

---

2.1. DashBoard 화면에서 새로운 Item 추가 선택

2.2. Enter an item name

• 아이템 이름을 작성, Freestyle project 선택 후 OK

2.3. Git

1. Repository URL : 프로젝트 GitHub URL
2. Credentials : add>Jenkins 를 선택하여 Git 정보 등록 후 등록정보 선택
3. Branches to build: 배포할 브렌치 이름 기재

2.4. 빌드 유발

GitHub hook trugger for GITScm polling 체크

2.5. 빌드 환경

• Delete worjspace before build starts 체크
• https://jojoldu.tistory.com/446 참고

2.6. Build Steps

1. Add build step > Execute shell 선택

2. 실행에 필요한 스크립트 입력 후 저장

cp /****/***/****/dev/.env.development ./
chmod +r .env.development

docker-compose -f docker-compose-dev.yml up -d --build

 

3. React Build 확인

---

Jenkins 관리자 화면 이나 아이템 내 지금 빌드를 선택합니다.

 

하단 그림을 선택하면 콘솔 출력 화면으로 이동합니다.

 

 

 

4. 이슈사항

---

에러메세지

Build step 'Execute shell' marked build as failure Finished: FAILURE

 

해결방법

Jenkins 관리 > system

 

참조 : https://velog.io/@csinpgs/jenkins-react-build-failed