![]() |
www.supthemag.com |
![]() |
articles.slicehost.com |
Maka dari itu, sebaiknya kita membuat routing khusus yang akan digunakan ketika user mengakses halaman yang tidak ada di web kita.
Langkah pertama, buatlah sebuah program sederhana (dalam contoh ini saya akan membuat program hello world di node js). Buatlah folder bernama '404-node-js', kemudian buat sebuah file javascript bernama app.js, lalu isi file tersebut dengan kode ini:
/* * Main App file App.js * @author Asep Maulana Ismail * @title 404 routing in node js * @website asepmaulanaismail.com */ var express = require('express'), app = express(); app.listen(8080); console.log('i am listening on port 8080'); app.get('/', function(req,res){ res.end('Hello, World!'); });
Lalu buka command prompt/cmd, masuk ke direktori file tersebut lalu masukan perintah/command
node app.js
Apa yang kita dapatkan? ya, pasti akan ada error 'Cannot find module 'express''.
![]() |
cannot find module 'express' |
Itu dikarenakan kita menggunakan module express, tetapi kita belum menginstallnya di program kita. Caranya adalah masukan perintah 'npm install express'.
Jika proses instalasi module express sudah selesai, lalu jalankan kembali perintah 'node app.js'.
![]() |
npm install express |
![]() |
hello world |
![]() |
404 not found default page |
// routing ke halaman apapun yang tidak didefinisikan app.get('*', function(req,res){ // disini, kamu bisa melakukan redirect ke halaman 404 yang sudah kamu buat res.end('Sorry, this page not found.'); });
Lalu restart aplikasi node js nya, dan coba akses kembali alamat localhost:8080/notfound untuk melihat hasilnya.
![]() |
404 not found custom page |
Karena ketika kita membuat route '*' di express, maka route itu akan dijalankan ketika user mengakses semua halaman yang belum kita definisikan di dalam file app.js.
Ini adalah contoh sederhana, sehingga saya hanya membuat tulisan 'Sorry, this page not found', tapi hal ini sudah cukup untuk modal membuat halaman 404 dengan kustomasi sendiri se-kreatif mungkin (tinggal melakukan redirect ke halaman 404 yang sudah anda buat).
Sekitan tutorial kali ini & semoga bermanfaat. Anda bisa men-download contoh sourcecode nya di github.
0 comments:
Post a Comment