[aws/ec2] amazonlinux2에서 nginx로 react 배포하기

[aws/ec2] amazonlinux2에서 nginx로 react 배포하기

 

#패키지 인스톨 및 노드,nginx 설치
sudo yum update -y 
sudo yum install -y git
curl -sL https://rpm.nodesource.com/setup_14.x | sudo bash -
sudo yum install -y nodejs
sudo amazon-linux-extras install nginx1

#서비스 시작 / 부팅시 자동시작
sudo systemctl start nginx
sudo systemctl enable nginx

#아래 git 주소를 클론하여 경로 설정
git clone https://github.com/gofogo2/2023-ifa-stamp.git -b world-it-2024

#경로로 이동 후 패키지 설치 후 빌드
cd /home/ec2-user/2023-ifa-stamp/
npm i
npm run build

#nginx 설정 변경
sudo nano /etc/nginx/nginx.conf

    server {
        listen       80; #포트
        listen       [::]:80;
        server_name  _; #도메인 주소
        root         /home/ec2-user/2023-ifa-stamp/build; #기본경로
        index  index.html index.htm;
        try_files $uri /index.html;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        error_page 404 /404.html;
        location = /404.html {
        }

        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
        }
    }
    
    
#해당 경로에 권한 변경
sudo chmod -R 755 /home/ec2-user/2023-ifa-stamp
sudo chmod 755 /home/ec2-user

#오류 발생 시 로그확인
sudo tail -f /var/log/nginx/error.log
    
    
#nginx 다시시작
sudo systemctl restart nginx
    
#사이트 확인

 

 

 

#이렇게 손쉽게 배포가능하다

#nginx #aws #aws linux2 #ec2