Cara Membuat Halaman Kesalahan 404 Khusus di Django

Halaman kesalahan umum terjadi pada aplikasi web. Kontributor Django telah menyediakan halaman standar untuk beberapa kesalahan ini seperti kesalahan 404 (Tidak Ditemukan). Namun sebagai pengembang, yang terbaik adalah memiliki laman kesalahan yang mengikuti prinsip desain aplikasi web Anda yang lain.

Membuat Halaman 404 Khusus di Django

Kesalahan 404 adalah bagian dari beberapa Kode status HTTP digunakan oleh browser untuk menunjukkan respons server terhadap permintaan browser yang dibuat oleh pengguna. Django menyediakan templat standar untuk beberapa kode status ini, dan halaman kesalahan 404 standar di Django terlihat seperti ini:

Gambar di atas tidak terlihat bagus, dan sebagian besar perusahaan tidak akan langsung menerimanya di situs web mereka. Untuk mengubah halaman ini menjadi halaman 404 pilihan Anda, Anda harus mengikuti langkah-langkah yang tercantum di bawah ini.

Langkah 1: Buat Tampilan untuk Menangani Kesalahan 404

Bukalah views.py file dan buat tampilan untuk halaman kesalahan 404. Tampilan ini harus mengembalikan template yang berisi desain untuk halaman kesalahan 404 kustom Anda. Inilah tampilan Django sederhana yang dapat Anda gunakan dalam proyek Anda:

dari django.shortcuts impor memberikan
# tampilan 404 khusus
defcustom_404(permintaan, pengecualian):
kembali memberikan (permintaan, '404.html', keadaan=404)

Cuplikan kode di atas adalah a Fungsi Python (sebaiknya disebut tampilan Django dalam kasus ini) yang membutuhkan dua argumen fungsi; meminta, Dan pengecualian. Argumen kedua—pengecualian—memungkinkan Anda untuk mengakses objek pengecualian yang memicu kesalahan 404.

Anda harus mengganti ‘404.html’ pada tampilan di atas dengan jalur yang benar ke halaman template HTML error 404 Anda.

Langkah 2: Buat Templat untuk Kesalahan 404 Anda

Buat file HTML baru untuk memuat desain khusus Anda untuk halaman kesalahan 404. Desain harus konsisten dengan sisa aplikasi Anda. Berikut adalah template HTML sederhana yang dapat Anda gunakan dalam proyek Anda. Anda harus memodifikasi template ini sesuai keinginan Anda:

 Templat 404.html 
html>
<htmllang="en">
<kepala>
<metacharset="UTF-8">
<metanama="area pandang"isi="width=device-width, initial-scale=1.0">
<judul>404 halaman tidak ditemukanjudul>
<tautan
 impor Bootstrap 
 href=" https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
 rel="stylesheet" 
 integritas="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
 crossorigin="anonim">
 css khusus 
<gaya>
 tubuh {
 tampilan: fleksibel;
 arah fleksibel: kolom;
 justify-content: center;
 menyelaraskan-item: tengah;
 tinggi: 100vh;
 font-family: Arial, sans-serif;
 }
 .wadah {
 perataan teks: tengah;
 max-width: 600px;
 }
 .emoji {
 ukuran font: 8rem;
 margin-bawah: 20px;
 }
 h1 {
 ukuran font: 3rem;
 margin-bawah: 20px;
 }
 P {
 ukuran font: 1.5rem;
 margin-bawah: 20px;
 }
 .btn {
 ukuran font: 1.25rem;
 padding: 10px 20px;
 }
gaya>
kepala>
<tubuh>
<divkelas="wadah">
<divkelas="emoji">😕div>
<h1>Ups! Halaman tidak ditemukanh1>
<P>Kami tidak dapat menemukan halaman yang Anda cari.P>
<Akelas="btn btn-primer"href="/">Kembali ke RumahA>
div>
tubuh>
html>

Langkah 3: Ubah File URL Proyek Anda

Di tingkat proyek Anda (di mana Anda pengaturan.py file), buka file Anda urls.py file dan arahkan penangan kesalahan 404 ke tampilan yang Anda buat untuk menangani kesalahan 404. Penangan kesalahan 404 dipanggil handler404. Untuk menunjuk handler404 menurut pandangan Anda, Anda harus mengikuti format ini:

penangan404 = 'app_name.views.custom_404_view_name'

Jika aplikasi Anda dipanggil resep, dan tampilan disebut custom_404, maka Anda harus memodifikasi format di atas seperti ini:

penangan404 = 'resep.views.custom_404'

Pastikan Anda melakukan ini di tingkat proyek Anda dan bukan di tingkat aplikasi Anda. Ada perbedaan antara proyek dan aplikasi di Django.

Langkah 4: Uji Halaman Error 404 Baru Anda

Untuk menguji halaman kesalahan baru Anda, mulai server pengembangan Anda dan arahkan ke halaman yang tidak ada di aplikasi Anda. Anda dapat memulai server dengan menjalankan perintah ini di alat baris perintah (CLI):

python mengelola.py runserver

Agar perintah di atas berfungsi, Anda harus berada di direktori root proyek Anda, yaitu folder tempat Anda kelola.py file hidup.

Setelah server Anda mulai, uji halaman 404 khusus Anda dengan menavigasi ke halaman yang tidak ada seperti http://127.0.0.1:8000/hello. Jika Anda telah melakukan semuanya dengan benar, Anda akan melihat halaman kesalahan 404 khusus Anda.

Jika halaman kesalahan 404 kustom Anda tidak muncul, Anda harus mempertimbangkan untuk memeriksa tampilan Anda untuk memastikan Anda menulis jalur yang benar ke template HTML Anda di memberikan() berfungsi, karena ini adalah masalah umum.

Halaman Kesalahan Kustom Memberikan Pengalaman Pengguna yang Lebih Baik

Memiliki halaman kesalahan khusus di aplikasi Anda akan meningkatkan pengalaman pengguna Anda saat mereka menemukan kesalahan. Alih-alih melihat pesan kesalahan umum, halaman kesalahan kustom dapat memberikan informasi yang lebih spesifik tentang kesalahan dan menyarankan solusi yang memungkinkan.

Ini dapat membantu pengguna memahami apa yang salah dan cara memperbaikinya, mengurangi frustrasi, dan meningkatkan kepercayaan mereka pada aplikasi Anda. Anda juga dapat membuat halaman inklusif dengan menambahkan fitur aksesibilitas.