[AWS] BE, FE 배포 실습

BE 서버 배포(EC2) 실습

1. 리전 설정

가까운 지역 설정

리전 설정

 

2. EC2 생성

3. EC2 연결- Session Manager 연결

터미널 기본 설정

① 터미널 접속 bash 환경으로 변경

bash
cd ~

 

② 패키지 정보를 최신 상태로 업데이트하기 위해 아래 명령어 입력

sudo apt update

 

③ 필요한 소프트웨어 설치

 

- nvm 설치

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash
# 혹은
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash

# 터미널에 아래 소스 코드 추가(두 줄로 나눠져도 상관없음 -> 엔터
export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

nvm -v로 설치 확인(설치가 완료되지 않았다면 터미널 재시작해보기)

 

- node.js 설치

nvm install node

 

- 오류 방지를 위해 npm 설치

sudo apt install npm

 

4. 실행할 서버 클론하기

① 인스턴스(하나의 컴퓨터)에 ssh-key 생성하여 github에 등록

② git clone repository

 

5. 서버 실행

npm install
npm start

 

* 1024번 아래 포트를 실행하려면 관리자 권한 필요

sudo npm start

 

6. 주소로 들어가 서버 실행 확인

인스턴스 정보의 퍼블릭 IPv4 주소 혹은  퍼블릭 IPv4 DNS

 

 

FE 클라이언트 배포(S3) 실습

1. 애플리케이션: 환경 변수(fetch url= 서버) 설정

다른 팀원들과 각자 작업하다가 코드를 합치는 경우 개발자마다 다른 엔드포인트를 사용하여 개발하므로

요청 url을 쉽게 변경하기 위해 url을 환경변수로 설정해 줌

 

2. 애플리케이션: 빌드

npm run build

 

3. AWS: S3- 버킷 진입

4. AWS: build 내의 모든 파일/폴더 업로드

* 경로 유지

5. AWS: 속성 하단 정적 웹 사이트 호스팅 url 접속하여 배포 확인

 

 

 

 

 

2023.02.02

코스 S4U9