코드리뷰후 자동빌드 (Bitbucket, Webhooks)

코드리뷰후 자동빌드 (Bitbucket, Webhooks)

0. 빌드 자동화

- 소스 Merge후 개발&운영서버에 빌드는 따로해야하니 번거로움이 많음.

- Master, Develop 브런치가 변경 되었을때 Webhooks를 이용해 빌드 자동화.

- Master 브런치 : 운영서버

- Develop 브런치 : 개발서버

- Webhooks : Bitbucket의 기능

1. Webhooks 호출 받는 페이지 개발.

- hook을 받아 만들어놓은 Shell실행.

- NodeJS Source 중 Hook부분 소스

"use strict"; var express = require('express'); var spawn = require('child_process').spawn; var router = express.Router(); var HOOK_MASTER = require("../HOOK_CONFIG.js"); console.log(HOOK_MASTER); router.post('/webhook', webhook); module.exports = router; function webhook(req, res) { var params = req.body; if (params && params.pullrequest && params.pullrequest.state === "MERGED") { var project_repo = params.pullrequest.destination.repository.name; if (params.pullrequest.destination.branch.name === "master") { if (HOOK_MASTER[project_repo] && HOOK_MASTER[project_repo].master) { runProc(HOOK_MASTER[project_repo].master); } } else if (params.pullrequest.destination.branch.name === "develop") { if (HOOK_MASTER[project_repo] && HOOK_MASTER[project_repo].develop) { runProc(HOOK_MASTER[project_repo].develop); } } } res.send('respond with a resource'); } function runProc(cmd) { console.log("RUN", cmd); var exec = spawn(cmd); exec.stdout.on('data', (data) => { console.log(`stdout: ${data}`); }); exec.stderr.on('data', (data) => { console.log(`stderr: ${data}`); }); exec.on('close', (code) => { console.log(`child process exited with code ${code}`); }); }

- HOOK_CONFIG.js

module.exports = { "servicemap": { "develop": "/home/jsh/svc/web/run_dev.sh", "master": "/home/jsh/svc/web/run.sh" } };

2. Bitbucket 으로부터 저장소 가져오기.

- Git 복사.

- git clone https://ID:PW@bitbucket.org/Team/project.git

- Git Branch 변경.

- git checkout master : master로 변경

- git checkout develop : develop로 변경

3. Shell 작성하기

- 구조 : 프로젝트 폴더 -> 최신소스 업데이트 -> 빌드 -> 서버재시작

- run_dev.sh

# 프로젝트 폴더로 이동 cd /home/jsh/svc/web/project # Git 저장소 확인 #git checkout master # 운영서버용 git checkout develop # 개발서버용 # Git 최신소스로 Update git pull # 기존에 사용하던 소스 빌드 : Gulp : html, js, css, image minify 실행후 파일 업로드 gulp dev # 노드 모듈 설치 npm install --prefix /home/jsh/svc/web/project # 서버 재시작 pm2 restart myproject # 빌드완료 Noti redis-cli publish ALERT_MONITOR "My Project_DEV<br/>RE START<br/>Check plz.."

- run.sh

# 프로젝트 폴더로 이동 cd /home/jsh/svc/web/project # Git 저장소 확인 git checkout master # 운영서버용 #git checkout develop # 개발서버용 # Git 최신소스로 Update git pull # 기존에 사용하던 소스 빌드 : Gulp : html, js, css, image minify 실행후 파일 업로드 gulp buildall # 운영서버접속하여 노드 모듈 설치 ssh w5 '/usr/local/bin/npm install --prefix /home/jsh/svc/web/project' ssh w4 '/usr/local/bin/npm install --prefix /home/jsh/svc/web/project' # 서버 재시작 ssh w4 'pm2 restart myproject' ssh w5 'pm2 restart myproject' # 빌드완료 Noti redis-cli publish ALERT_MONITOR "My Project<br/>RE START<br/>Check plz.."

4. Bitbucket Webhooks 등록

- 위치 : Setting -> Webhooks -> Add webhook

- URL : 이전에 생성했던 Nodejs서버의 URL주소

- Triggers : Pull Request -> Merged ( PR후 Merge부분에서만 hook 발생 지정 )

5. 실행

- PR요청후 Merge시 hook 발생 테스트

- Log 확인 (View Request)

6. 반영후 이전버전으로 돌릴때

- Git 이전버전으로 돌리기

- git reset --hard HEAD~

- reset.sh

# 프로젝트 폴더로 이동 cd /home/jsh/svc/web/project # Git 저장소 확인 git reset --hard HEAD~ #바로이전버전으로 롤백. # 기존에 사용하던 소스 빌드 : Gulp : html, js, css, image minify 실행후 파일 업로드 gulp buildall # 운영서버접속하여 노드 모듈 설치 ssh w5 '/usr/local/bin/npm install --prefix /home/jsh/svc/web/project' ssh w4 '/usr/local/bin/npm install --prefix /home/jsh/svc/web/project' # 서버 재시작 ssh w4 'pm2 restart myproject' ssh w5 'pm2 restart myproject' # 빌드완료 Noti redis-cli publish ALERT_MONITOR "My Project<br/>RESET<br/>Check plz.."

7. 마무리

- 반영을 위해 PR후 Merge를 꼭해야하며 Merge를 위해 코드리뷰 필수~

- 발전하는 개발자가 됩시다~

- 더 좋은 방법이나 아이디어 있으신분 공유해주시길 바랍니다. ^^;

- 모든 개발자 화이팅~