AWS를 이용하여 배포하기

조성철 (JoSworkS)·2020년 3월 2일
1

TIL(Today I Learned)

목록 보기
23/73

리액트로 만든 SPA를 AWS S3로 배포하기

1.React Build

  • 리액트로 만든 클라이언트를 webpack을 이용한 정적인 파일로 만든다.
  • 리액트는 다음 커맨드를 이용하여 만들 수 있다.
yarn build

2.Create Bucket

  • AWS Management Console에서 s3 서비스로 접속한 뒤 버킷을 만든다.
  • 만든 버킷의 속성에서 정적 웹사이트 호스팅 설정

3.Public Access

  • 권한에서 퍼블릭 엑세스 차단 모든 비활성화하여 접근하기 용이하기 만든다.(테스트를 위함)

  • 버킷 정책도 정책 생성기의 도움을 받아 접근하기 용이한 형태로 설정해 준다.

  • 리액트 build 파일들을 개요에 업로드

  • 엔드포인트에 접속하면 리액트 화면 보인다!

익스프레스로 만든 서버를 AWS EC2로 배포하기

  • 익스프레스로 서버를 구축한다.
  • 나중에 AWS RDS를 이용하여 데이터베이스로 이용할 예정이므로 관련 설정도 미리 해둔다.
  • 구축한 서버를 직접 EC2에 배포하는 것이 힘들기 때문에 github을 이용해야 한다.

1.Start Instance

  • ES2 인스턴스를 만든다. (민드는 방법은 구글에 많기 때문에 생략하겠다.)

2.Environment Settings

  • 인스턴스를 연결하고 node.js와 npm을 설치한다.
  • 설치 후 git clone을 통해 아까 github에 push해 놓은 익스프레스 서버를 클로닝 한다.
  • 추가적으로 서버를 지속적으로 작동시키기 위해 PM2를 설치한다.

AWS RDS 인스턴스 만들기

  • AWS console에서 RDS 인스턴스 세팅을 하고 생성한다.
  • RDS 인스턴스 생성 후 데이터베이스에 접근 가능한지 확인한다.
  • CLI에선 아래와 같은 명령어로 가능하다.(GUI 클라이언트를 이용하면 간단히 볼 수 있다는 장점이 있다.)
mysql.server start

mysql -u '유저명' --host '호스트명' -P '포트번호' -p

0개의 댓글