API/ Serverless Framework 를 이용한 Github 코드를 AWS에 배포하기(CI/CD)

 

Serverless Framework 를 이용한 Github 코드를 AWS에 배포하기(CI/CD)

 

본 포스팅은 서버리스 프레임워크

설치가 후 앱을 생성하고,

로컬에 생긴 프로젝트 디렉토리와

작업한 서버개발 소스로 덮어씌운후

배포까지 끝난 후 진행합니다.

 

AWS에 배포하기 위한

Serverless Framework

(서버리스 프레임워크) 설치는

아래 링크를 참고해 주세요!!

[준비중]

 

---

 

1.

깃허브 닷컴에 연결하기 위해

깃허브에 레파지토리를 만듭니다.

 

이때 Private 에만 체크!!

(비어있는 레파지토리 만듬)

 

 

2.

레파지토리 + 프로젝트 디렉토리 연결

 

프로젝트 디렉토리를 불러온

비주얼 스튜디오 코드의 터미널에서

 

$ git init

 

 

2. 레파지토리 + 프로젝트 디렉토리 연결

 

프로젝트 디렉토리에서

.gitgnore 파일을 열어

.vscode/ 
node_modules/ 
추가하고 저장

 

비주얼 스튜디오 코드의 터미널에서

$ git add .

비주얼 스튜디오 코드의

왼쪽 깃에서 커밋

 

비주얼 스튜디오 코드의 터미널에서

$ git remote add origin 깃허브 주소 ↓

(https://github.com/angel/aws-memo-server.gif)

 

비주얼 스튜디오 코드에서 푸시

 

 

3. 서버리스 프레임워크로 돌아와

CI / CD 설정하기

 

a. 첫번째 apps 메뉴 눌러서

2번째 (...) 쩜3개를 누르고

settings 을 선택합니다.

 

b. 두번째 ci/cd 탭에서

깃 허브의  connect 를 클합니다.

 

깃허브 연결 - install 버튼

 

c. 새창이 뜨면 로그인 하고,

리파지토리를 선택합니다.

 

위에처럼 열결이 됩니다.

 

옆에 aws도 연동해야 디플로이를

할수 있는데 자동 설정되어 있어

그대로 나둡니다.

 

repository settings 설정부분!

↓

화살표를 눌러 사용할

레파지토리를 선택합니다.

 

build settings 설정부분!

(그냥 나두면 아래처럼 세팅)

↓

deploy to region → us-east-1

build machine size → Smail, 2GB memory

 

branch deploys 설정부분!

↓

 

branch → master

stage → dev

 

preview deploys(프리뷰)는

그냥 나둡니다.

 

notifications(노티) 설정

나의 커뮤니티 관련 설정인데,

간단히 이메일 정도만 적어 줍니다.

(deploy할때마다 메일리 옴)

 

이제 잘 작동하는지 소스코드를

커밋하고, 깃허브에 푸시해 봅니다.

(자동 배포 성공)

 

힐링아무의 코딩일기 힐코딩!!