안녕하세요 위오의 다나입니다 ~
이전 2편에 이어서 3번째는 바로 NGINX 입니다 ~~!!!!
위오레트로를 기동하고 있는 웹서버인데요!
(2023.05.01, 위오 공식 서비스 오픈)
위오
우리들의 감성 플랫폼 - WIO
wiodaily.com
step.1) AWS VPC에 Subnet 구성하기
-. AWS VPC 구성
-. 구성한 VPC 내부에 Public Subnet 생성
-. Internet Gateway를 Public Subnet에 연결
-. 인터넷 라우팅 테이블 구성
-. Public 보안 그룹 생성
step.2) AWS EC2 기동하여 Putty로 원격접속하기
-. 구성한 Subnet에서 EC2 기동
-. EC2(Linux 서버), Putty를 이용하여 원격 접속
step.3) AWS EC2,에 NGINX 설치하여 웹 서비스하기
-. EC2, Nginx 설치
-. Nginx 구성 정보 수정
-. 웹 서비스 확인(https, 도메인 적용 x)
step.4) AWS EC2에 https, 도메인 적용하기
-. AWS ACM 활용하여 SSL인증서 등록
-. AWS ALB 구성 및 SSL 연결
-. Route53에서 도메인 연결하기
-. AWS를 활용한 정상적 웹 서비스 운영 및 과금정책
한번만 딱! 해보면 간단한 설정은 눈감고도 할 수 있으니까 한번 같이 해보시죵 !!
1. EC2, Nginx 설치
1.1. 구축한 서버에 접속
이전 2편을 통해서 구축한 서버에 원격 접속이 가능하게 만들어두었던거 다들 기억하시죠 ??
Putty로도 접속 가능하고, 간단하게 cmd(명령 프롬프트) 에서도 접속이 가능하답니다
아래의 명령어를 치면 password를 입력하라고 합니다. 우리는 비밀번호를 설정해뒀으니까 바아로 입력하고 접속해볼까요 !?
ssh [계정명]@[ip주소]
뭔가 우루루루룩 나오면서 Welcome~ 이라는 단어가 접속이 완료된 걸 알려주네요 !
접속이 완료되었으니 NGINX를 데려와보시죠
1.2. NGINX 설치(with apt-get)
NGINX 설치는 apt-get을 통해서 서버 내에서 진행해줄 거에요 ! 여기서 apt-get은 패키지 관리 툴인데 원격 저장소에 있는 NGINX를 우리 서버에 설치할 수 있도록 저장소 정보를 가지고 있는 친구라고 생각하면 됩니다 . 대신 ! 여기서 중요한건 ? 저장소가 최신 버전이어야겠죠 ?? apt-get을 사용해서 패키지를 설치할 때는 항상 update 명령어를 통해 저장소를 최신 버전으로 업데이트를 해주는 것을 기억해주세요 ~!
sudo apt-get update
sudo apt-get install nginx
타란 ~ 벌써 NGINX 설치가 끝나부렀슴다. 쉽죠잉 ?
1.3. 방화벽 설정 !!
우리의 인터넷 창을 켜서 ip 입력하면 아래와 같이 나오면 NGINX 설치가 제대로 됐다 ~ 라고 생각하면 됩니닷 !!
그런데 항상 맘처럼 쉽지 않죠 ...?
만약 해당 페이지가 보이지 않는다면 !? 방화벽의 문제가 있을 것 같아유 ....
우리는 AWS에서 기본 포트 80, 443 요 친구들을 열어줘야 접근이 가능할테니까 AWS 설정을 꼭 확인해주세요 ~!
1.4. 배포 파일(dist) 서버 전송
벌써 3단계 !
서버 ip로 접속했을 때 우리가 원하는 화면(위오레트로)이 나오려면 서버에 위오레트로 소스가 있어야겠죠 !?
간단하게 명령어를 통해서 dist폴더(배포파일)를 원격 서버로 전송해보겠습니다 . (또 cmd창 키시면 돼요 !!)
scp -r dist [계정명]@[ip]:/var/www/html/wioretro제가 쓴 scp 명령어를 설명해보자면 !?
- -r: 폴더 전체를 전송해줘 ~
- dist: 전송할 폴더명(우리 지금 컴에 있는 파일이면 되겠죠 ??)
- [계정명]@[ip]:[원격서버에 전송될 위치]
이렇게 하면 비밀번호를 입력하라는 창이 나오고 입력한 계정의 비밀번호로 전송 완료 ~ 뿌뿌뿌ㅃ이 ~~~!!!
2. Nginx 구성 정보 수정
2.1. NGINX 설정
두둥두둥 이 글의 마지막인 NGINX 설정이 남았습니다. NGINX와 우리가 전송한 파일을 연결해주는 일만 남았는데요 !
sudo vi /etc/nginx/sites-available/default우리는 default 라는 저 문서를 수정해줄거에요
vi 명령어를 통해서 문서를 열어주면 아래와 같이 써져있는 부분을 확인하실 수 있을텐데요 ! 이걸 우리가 전송했던 dist파일의 위치로 변경해주면 끝 !!
root /var/www/html
3. 웹 서비스 확인(https, 도메인 적용 x)
3.1. 확인해보기 !
아니 아까 마지막이라고 했는데 !?
마자유 ~ 이제 끝입니닷 !
그치만 nginx 설정이 완벽하게 마무리 됐는지 화면이 제대로 보이는지까지 확인해볼까요 ??
인터넷을 키고 url 창에 ip를 치면 !!
우리의 첫 화면이 나오게 된다면 !? 간단한 NGINX의 설정이 끝이 납니다 ~~~!!! 🎉🎉🎉🎉 뿌뿌뿌ㅜ이이이이 ~~!!!
위오의 우당탕탕 AWS 서버 설정을 따라하시면서 여러분도 간단하게 설정을 완료하시길 바라면서 ~~~~
위오의 다나였습니다.
'위오의 AWS 이야기' 카테고리의 다른 글
| [AWS] AWS EC2에 https, 도메인 적용하기 [4] - [위오의 AWS이야기] (2) | 2022.11.10 |
|---|---|
| [AWS] AWS EC2 기동하여 Putty로 원격접속하기 [2] / [위오의 AWS 이야기] (4) | 2022.10.31 |
| [AWS] VPC에 Subnet 구성하기 [1] - [위오의 AWS 이야기] (4) | 2022.10.26 |
댓글