[AWS][Nginx] static 파일 연결하기

 

AWS에서 서버 받은 후 Nginx 설치까지 끝났다는 것을 가정하고 진행합니다.

Window 기준.

---

AWS에 파일 전송

FileZila 이용.

 

편집 - 설정 클릭

연결 - SFTP - 키 파일 추가 클릭 - ppk 파일 선택 - 확인

 

 

 

 

새 사이트 클릭

호스트 : 접속 가능한 도메인 적기.

프로토콜 : SFTP

로그온 유형 : 일반

사용자 : ubuntu (서버에 따라 다름. putty 접속시 사용자 이름과 같음 - 참고)

 

연결 클릭

 

 

파일 원하는 위치에 드래그&드롭

---

 

Nginx 설정

putty로 서버 접속. (참고)

 

 

cd /etc/nginx #/etc/nginx 위치로 이동
sudo vi nginx.conf #nginx.conf 열기
mkdir servers # servers 폴더 생성

 

http {
    // 생략

    include servers/*.conf; # 추가
}

http 블럭의 가장 아래에 servers 폴더에 있는 .conf 파일 모두 include.

cd servers # servers 폴더로 이동
sudo vi test.conf # conf 파일 생성

# test.conf
server{
        listen 80;
        server_name withham.co.kr; # 도메인 등록

        location / { # 루트 경로인 경우
                # 파일 올린 폴더안에
                root /home/ubuntu/dist/Tetris/;
                # 띄워줄 파일 이름
                index main.html;
        }
}

 

위와 같이 servers 폴더 아래에 test.conf 파일 생성 후 작성.

도메인의 경우 따로 신청한 도메인이 없다면 AWS에서 기본으로 제공해주는 도메인 이용.

or 로컬에서만 테스트해볼 생각이라면 hosts 에 따로 등록 (참고)

sudo /etc/init.d/nginx start # Nginx 시작 - Nginx가 안떠있는 경우
# or
sudo /etc/init.d/nginx reload # Nginx 재기동 - Nginx가 떠있는 경우

 

nginx 재기동 or 시작.

---

 

 

원하는 테트리스 게임(html, css, javascript로 제작)이 뜬다.