Jika kemarin kita sudah berhasil membuat routing simple menggunakan nodeJS, tetapi yang kemarin itu masih belum bisa di sebut sebagai routing yang masih kurang effisien, di karenakan kita langsung mendapatkan urlnya dari request URLnya padahal jika kita debug req.url itu terdapat data request yang banyak, maka dari itu disini kita akan mencoba cara membuat routing menggunakan data request NodeJS. jadi jangan kemana-mana simak terus ya.
Sebenarnya tidak jauh beda dengan yang kemarin dimana disini saya masih menggunakan template yang kemarin perbedaanya hanya saat pemanggilan requestnya saja dengan data request yang terdapat pada req.urlnya, oke sekarang kita coba console.log(url.parse(req.url)) untuk melihat hasilnya, dan untuk melihat hasil datanya kita coba terlebih dahulu dengan cara mengklik routingnya ya, oke disini saya akan coba mengklik rotuing profile.
|
1 2 |
var access = url.parse(req.url) console.log(access) |
jika saya klik routing contact maka akan menghasilkan seperti ini:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
Url { protocol: null, slashes: null, auth: null, host: null, port: null, hostname: null, hash: null, search: null, query: null, pathname: '/profile', path: '/profile', href: '/profile' } |
Jika kita melihat hasil console.log nya, maka dari protocol sampai dengan query itu menghasilkan null, dan kenapa disini kita gunakan sebuah data request di sebuah routing, supaya kita langsung spesifik yang kita tuju, maka di antara ke 3 itu pathname, path, dan href saya gunakan pathname, oke silahkan teman-teman ganti template yang kemarin untuk file app.js nya rubah seperti ini:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
var http = require("http") var fs = require("fs") var url = require("url") http.createServer(function(req, res){ var access = url.parse(req.url) console.log(access) var file = ""; if(access.pathname == "/"){ file = "./components/index.html"; }else if(access.pathname == "/profile"){ file = "./components/profile.html"; }else{ file = "./components/notfound.html"; } res.writeHead(200, {"Content-Type": "text/html"}) fs.createReadStream(file).pipe(res) }).listen(3000) console.log("server 3000 sedang berjalan") |
Untuk file tampilan yang ada di components sama saja tidak ada yang di rubah untuk link hrefnya juga sama, bagaimana sudah paham ya tentang cara membuat routing menggunakan data request NodeJS semoga bermanfaat, jika ada yang mau di tanyakan silahkan di comment dan sampai jumpa pada artikel berikutnya terimakasih.