Membuat Custom Error Page Nginx

Membuat custom error page Nginx - Error page atau halaman galat, biasanya ditemui karena tidak ditemukannya halaman tersebut pada alamat web yang kita kunjungi, bisa juga karena kita tidak diijinkan untuk mengakses direktori dari web tersebut atau kesalahan pada permission folder project.

Pada Ubuntu, untuk memberi permission pada folder cukup mudah yaitu dengan menjalankan perintah sebagai berikut:
sudo chmod -R 755 [nama folder]

Baik, artikel ini akan menjelaskan mengenai cara membuat custom error page pada Nginx web server. Untuk konfigurasi minimum Nginx, dapat dilihat pada artikel berikut ini:

Konfigurasi minimum Nginx web server untuk Codeigniter

Custom error page yang akan kita rubah disini antara lain:
- 404 : page not found
- 403 : forbidden
- 50x : internal server error dan sebagainya

Membuat Custom Error Page Nginx

Buka berkas konfigurasi nginx dengan teks editor kesayangan anda, bisa nano, sublime dan lain-lain. Misalnya, saya menggunakan nano:

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

Cari baris kode: error_page dan hapus semua komentar (tanda "#") yang ada pada baris kode tersebut. Lalu edit menjadi seperti dibawah ini:

# Custom error page Nginx:
# ------------------------

error_page 404 /404.html;
    location = /404.html {
            root /var/www/html/;
            internal;
    }

error_page 403 /403.html;
    location = /403.html {
            root /var/www/html;
            internal;
    }

error_page 500 502 503 504 /50x.html;
    location = /50x.html {
            root /var/www/html;
            internal;
    }

Sekarang kita buat tiga berkas custom error page: 404.html, 403.html dan 50x.html.
1) 404.html

<html>
<head><title>Custom Error Page: 404</title></head>
<body bgcolor="white">
<center><h1>Ini halaman error 404</h1></center>
</body>
</html>

2) 403.html

<html>
<head><title>Custom Error Page: 403</title></head>
<body bgcolor="white">
<center><h1>Ini halaman error 403</h1></center>
</body>
</html>

3) 50x.html

<html>
<head><title>Custom Error Page: 50x</title></head>
<body bgcolor="white">
<center><h1>Ini halaman error 50x</h1></center>
</body>
</html>

Sekarang simpan ketiga berkas tersebut pada root direktori nginx web server anda. Contoh saya menyimpannya di: /var/www/html/disini

Test konfigurasi dan reload nginx:

sudo nginx -t
sudo systemctl reload nginx

Sekarang kita coba, halaman error tersebut seharusnya sudah berhasil.

Membuat Custom Error Page Nginx

Membuat Custom Error Page Nginx

No comments:

Post a Comment

Contact Form