도메인 설정 (내도메인한국)
https://xn--220b31d95hq8o.xn--3e0b707e/
등록하고 싶은 도메인을 검색해서 확인 후, 등록 가능한 도메인을 확인하고
맘에 드는 도메인 오른쪽에 등록하기 클릭
고급 설정 (DNS) 부분에서
IP 연결 체크 후 앞에 www를 입력해주고, 뒤에 서버의 IP 주소를 입력해준다.
등록한 도메인 주소로 들어가면 이전에 배포한 nginx가 뜨는 걸 확인할 수 있다.
SSL 설정 (ZeroSSL)
SSL이란?
- 인터넷 상에서 데이터를 암호화하여 안전하게 전송하기 위한 프로토콜
- 웹사이트와 사용자 간의 데이터 통신을 보호한다.
ZeroSSL 사이트 접속
(3개월 간 무료)
오른쪽 상단에 Get Free SSL 클릭
Create SSL Certificate 에서 New Certificate 클릭
Domains
도메인 주소를 입력하고, 앞에 www 가 안 붙은 주소는 오른쪽에 X 버튼을 눌러서 없애준다.
Validity
90-Day Certificate 선택 후 Next Stap
Add-Ons
아무것도 선택하지 않고 Next Stap
CSR & Contact
Auto-Generate CSR 켜진 거 확인 후 Next Stap
Free 인지 확인 후 Next
DNS (CNAME)
DNS (CNAME) 선택 후 Name, Point To 확인하기
Name에 처음부터 www까지 앞 부분에 입력하고, Point To에 내용을 뒷부분에 넣기
다 넣은 다음 Next Stap 누르기
Verify Domain
밑에 버튼 누르기........ㅎㅎ
Install Certificate
nginx 서버이기 때문에 서버 타입을 Nginx로 선택 후
옆에서 Download Certificate (.zip) 클릭해서 압축파일 다운 받기
인증서 파일 옮기기
다운 받은 압축 파일을 ubuntu 서버 안에 넣어준다.
압축 파일을 풀어주기 위해 unzip 패키지를 설치해준다.
sudo apt install unzip
위에서 넣은 압축 파일을 unzip으로 압축을 풀어준다.
압축을 풀면 인증서 파일들이 들어와있다.
unzip [압축파일 경로]
crt 파일들을 cat 명령어로 하나로 합쳐준다.
cat ca-bundle.crt certificate.crt >> certificates.crt
root 계정으로 로그인 후 폴더들을 /etc/nginx 에 옮겨준다.
sudo su - root
mv certificates.crt /etc/nginx
mv private.key /etc/nginx
nginx SSL 설정
설정 파일을 열어준 다음 SSL 설정을 해준다.
vi /etc/nginx/sites-enabled/default
server {
listen 80 default_server;
listen [::]:80 default_server;
return 301 https://$host$request_uri;
}
server{
listen 443 ssl;
server_name www.vue-psy.kro.kr;
ssl_certificate /etc/nginx/certificates.crt;
ssl_certificate_key /etc/nginx/private.key;
ssl_session_timeout 5m;
ssl_ciphers HIGH:!aNULL:!MD5;
location / {
root /var/www/html;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
}
SSL까지 설정했으면 https 프로토콜로 잘 넘어와진다 !!
'FE' 카테고리의 다른 글
[Web] vue 프로젝트를 nginx 서버에 배포하기 (1) | 2024.12.27 |
---|---|
[Web] nginx 서버 배포 (AWS) (3) | 2024.12.27 |
[Web] Postman Mock Server 사용법 (0) | 2024.12.23 |
[Web] 웹 브라우저 권한 설정 (알림, 비디오) (0) | 2024.12.19 |
[Web] 웹 스토리지 / 쿠키 (0) | 2024.12.19 |