Kustomisasi Halaman 404

Kustomisasi Halaman 404

Laravel PHP (Framework)

Jika kita memakai sebuah web framework, apapun itu, biasanya halaman 404 dan lainnya sudah disediakan oleh si framework itu sendiri. Tugas kita hanya melakukan modifikasi terhadap file tersebut.

Nah, pada praktek kali ini kita akan belajar bagaimana melakukan kustomisasi terhadap file atau halaman 404.

Pertama, kita harus mem-publish file-filenya terlebih dahulu dengan perintah ini di Terminal atau CMD.

php artisan vendor:publish --tag=laravel-errors

Maka akan muncul beberapa file baru di dalam folder resources/views/errors seperti berikut:

  • 401.blade.php
  • 402.blade.php
  • 403.blade.php
  • 404.blade.php
  • 419.blade.php
  • 429.blade.php
  • 500.blade.php
  • 503.blade.php
  • layout.blade.php
  • minimal.blade.php

Bagi kamu yang belum familiar dengan framework Laravel, setiap file yang mewakili view atau yang tampil di browser akan selalu berarkhiran .blade.php agar ia support templating yang disediakan oleh Laravel.

Etapi itu kan gak cuma 404, ya? Kira-kira apa aja artinya?

Untuk yang format 4xx itu menandakan error karena ulah si user. Sedangkan format 5xx itu menandakan error dari server web milik kita.

Status CodeKeterangan
401Berkenaan dengan authentication atau hanya yang memiliki akses bisa melihat halaman tersebut
402Berkenaan dengan payment atau halaman ini bisa diakses jika telah melakukan pembayaran tertentu
403Berkenaan dengan authorization atau halaman ini bisa diakses dengan level user tertentu
404Nah ini yang dibahas, yakni halamannya tidak ditemukan karena kamu salah nulis alamat
419Berkenaan dengan page expired atau biasa terjadi karena token CSRF-nya sudah tidak valid karena terlalu lama atau tidak disediakan sama sekali
429Berkenaan dengan rate limiting atau kamu terlalu banyak mengakses halaman ini. Lagi war ticket, ya?
500Pesan error umum ketika server tidak tau bagaimana meresponse request dari user
503Pesan error dari server ketika sedang down dan ini saatnya kamu puk-puk dia sebagai web administrator

Nah silahkan deh edit masing-masing file dengan desain yang sesuai, dengan keinginan kamu maupun dengan skenarionya.

Leave a Comment

Comments

No comments yet. Why don’t you start the discussion?

    Leave a Reply