대외활동/UMC 5th

Ch03. Web Server, WAS, Reverse Proxy

oxdjww 2023. 10. 3. 16:32
728x90
반응형

Ch03. Web Server, WAS, Reverse Proxy

Overview

Web Server vs. Web Application Server
웹 서버와 웹 어플리케이션 서버의 차이를 알고, 이를 실습하자.

Web Server

image

저번 포스팅에서, nginx를 설치하고 80포트를 열어준 서버에서 {ip주소}:80로 접속하면 위와 같은 화면이 보이는 것을 확인할 수 있었다.
이 것은 웹 서버를 지원하는 소프트웨어인 nginx가 :80포트에서 웹 서버를 호스팅하고 있고, 기본 html을 보여주고 있기 때문이다.

이제 기본 html이 아닌 다양한 정적 이미지(*.html)를 호스팅 해보자.

ec2 접속


스크린샷 2023-10-03 03 14 54

저번 포스팅에서 생성한 ec2 인스턴스에 접속하자.

스크린샷 2023-10-03 03 15 08

인스턴스를 클릭하고, ssh 연결 버튼을 누르면 친절하게 ssh 접속 명령어를 알려준다.
키 파일 디렉터리에서 해당 명령어를 실행해주면 된다.

스크린샷 2023-10-03 03 15 25

접속 성공한 모습이다.

Nginx 설정


nginx 설정 파일을 통해 다양한 파일을 호스팅 할 수 있다.

sudo vim /etc/nginx/sites-available/default

vim 명령어를 통해 설정파일을 연다

스크린샷 2023-10-03 03 17 52

location 블럭을 추가해서 위와 같이 추가해준다.
/temp 디렉터리로 이동 시 /var/www/에서 기본 파일(index)로 temp.html을 찾도록 설정해주고, 이를 찾지 못 하면 404 error를 발생시켜라 라는 의미이다.

sudo vim /var/www/temp.html

vim 명령어를 통해 temp.html 파일을 연다.

스크린샷 2023-10-03 03 20 15

그리고 실제로 /var/www/디렉터리에 temp.html 파일을 위와 같이 생성한다.

스크린샷 2023-10-03 03 20 56

nginx 설정 파일을 수정했으므로 재시작을 통해 설정이 적용되도록 한다.

스크린샷 2023-10-03 03 20 59

성공이다.

그 외에도 다양한 정적 이미지를 호스팅 할 수 있다.

스크린샷 2023-10-03 03 22 20

이번엔 /temp/test.html에 다음과 같은 정적 이미지를 호스팅 할 수 있게 하였다.

일반화하면 다음과 같다.

location /y{
    root /x
  index 시작파일
}

/y로 요청이 오면 /x/y에서 파일을 찾아라. 그리고 기본적으로 /y 요청이 오면, index 뒤에 파일을 찾아라

연습 예제


location 실습


스크린샷 2023-10-03 03 34 44

nginx 설정 파일을 위와 같이 설정한다.

스크린샷 2023-10-03 03 35 50 다양한 패스에서 정적 이미지를 호스팅 할 수 있다.

Reverse Proxy 실습


스크린샷 2023-10-03 03 38 15

/ 패스로 접속 시도시, localhost:3000으로 리다이렉션 되게 하는 프록시를 설정한다.

스크린샷 2023-10-03 03 38 40

성공한 모습이다.


감사합니다

728x90
반응형