IT/AWS

AWS 서버 중단 시 커스텀 화면 보여주기

binary? 2024. 10. 18. 21:19

AWS 서버 중단 시 커스텀 화면 보여주기

 

서버를 내렸다가 재기동 하다보면 502에러가 발생해서 사용자가 어떤 에러인지 짐작할 수 없다고 판단을 하였습니다. 그래서 커스텀한 화면을 보여주려고 합니다. 아래에 그 방법을 정리해보겠습니다.

​

​

저는 AWS EC2(Ubuntu), Docker 환경에서 진행하고있습니다.

저는 Nginx를 사용하고 있고 이미 설치가 되어있습니다.

설치부터 하셔야하는 분들은 아래 명령어를 사용하시면 됩니다.

 

sudo apt update sudo apt install nginx

​

1. Nginx 환경설정

이후 Nginx 설정 파일을 수정하면 됩니다.

cd /etc/nginx/conf.d

sudo vi default.conf

 

​

2. Dockerfile 수정

Dockerfile에서 html파일에 접근할 수 있도록 저렇게 만들었습니다.

아니면 html파일을 수동으로 /usr/share/nginx/html 파일에 집어넣으셔도 됩니다.

 

​

3. 50x.html 파일 작성

저는 아래처럼 만들었습니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>502 Bad Gateway</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 100px;
        }
        h1 {
            font-size: 48px;
            color: #ff0000;
        }
        p {
            font-size: 24px;
            color: #333;
        }
    </style>
</head>
<body>
<h1>502 Bad Gateway</h1>
<p>서버 점검 중입니다. 잠시 후 다시 시도해 주세요.</p>
<p>보통 1분 내외로 완료</p>
</body>
</html>
 

 

Nginx 재기동

sudo systemctl restart nginx

​

배포하고 확인해보시면 됩니다. 감사합니다~