Ch03. Web Server, WAS, Reverse Proxy
Overview
Web Server vs. Web Application Server
웹 서버와 웹 어플리케이션 서버의 차이를 알고, 이를 실습하자.
Web Server
저번 포스팅에서, nginx를 설치하고 80포트를 열어준 서버에서 {ip주소}:80
로 접속하면 위와 같은 화면이 보이는 것을 확인할 수 있었다.
이 것은 웹 서버를 지원하는 소프트웨어인 nginx가 :80
포트에서 웹 서버를 호스팅하고 있고, 기본 html을 보여주고 있기 때문이다.
이제 기본 html이 아닌 다양한 정적 이미지(*.html
)를 호스팅 해보자.
ec2 접속
저번 포스팅에서 생성한 ec2 인스턴스에 접속하자.
인스턴스를 클릭하고, ssh 연결 버튼을 누르면 친절하게 ssh 접속 명령어를 알려준다.
키 파일 디렉터리에서 해당 명령어를 실행해주면 된다.
접속 성공한 모습이다.
Nginx 설정
nginx 설정 파일을 통해 다양한 파일을 호스팅 할 수 있다.
sudo vim /etc/nginx/sites-available/default
vim 명령어를 통해 설정파일을 연다
location 블럭을 추가해서 위와 같이 추가해준다./temp
디렉터리로 이동 시 /var/www/
에서 기본 파일(index)로 temp.html
을 찾도록 설정해주고, 이를 찾지 못 하면 404 error를 발생시켜라 라는 의미이다.
sudo vim /var/www/temp.html
vim 명령어를 통해 temp.html
파일을 연다.
그리고 실제로 /var/www/
디렉터리에 temp.html
파일을 위와 같이 생성한다.
nginx 설정 파일을 수정했으므로 재시작을 통해 설정이 적용되도록 한다.
성공이다.
그 외에도 다양한 정적 이미지를 호스팅 할 수 있다.
이번엔 /temp/test.html
에 다음과 같은 정적 이미지를 호스팅 할 수 있게 하였다.
일반화하면 다음과 같다.
location /y{
root /x
index 시작파일
}
/y로 요청이 오면 /x/y에서 파일을 찾아라. 그리고 기본적으로 /y 요청이 오면, index 뒤에 파일을 찾아라
연습 예제
location 실습
nginx 설정 파일을 위와 같이 설정한다.
Reverse Proxy 실습
/
패스로 접속 시도시, localhost:3000
으로 리다이렉션 되게 하는 프록시를 설정한다.
성공한 모습이다.
감사합니다
'대외활동 > UMC 5th' 카테고리의 다른 글
Ch04. DATABASE Design & AWS RDS Settings Practice (0) | 2023.10.08 |
---|---|
Ch03. Web Server, WAS, Reverse Proxy Mission Mission (0) | 2023.10.03 |
Ch02. AWS (VPC & Internet Gateway & EC2) 실습 (2) | 2023.09.27 |
Ch02. AWS (VPC & Internet Gateway & EC2) (0) | 2023.09.27 |
Ch01. 서버란 무엇인가(소켓&멀티 프로세스) (2) | 2023.09.18 |