Rully Yulian MF

Untuk membaca nilai dari kontrol-kontrol yang terdapat di halaman web yang di host dalam sebuah Node.js server dibutuhkan package berupa body-parser yang harus diinstal dalam aplikasi node.js. Tanpa package tersebut aplikasi tidak akan dapat membaca parameter-parameter dalam body html. Body parser dapat diinstal melalui npm tools ke dalam project.

Contoh penggunaan package tersebut akan disimulasikan dalam penggunaan sebuah form login yang memiliki dua kontrol text berupa username dan password, dan juga sebuah tombol submit. View engine yang digunakan dalam contoh yaitu handlebars yang didapatkan dari package express-handlebars. Tentunya anda dapat menggunakan view engine apapun selain handlebars, misalnya jade, ejs, atau yang lainnya. Tools yang digunakan dalam contoh ini yaitu Visual Studio Code, dan tentunya lagi anda dapat menggunakan code editor apapun :-). Mari kita simak langkah-langkahnya:

1. Buat sebuah folder untuk di load dari code editor.

2. Buat file-file berikut ini dalam sebuah struktur project berikut:

3. Download package-package berikut ini ke dalam project: 

4. Ketikkan kode berikut ini ke dalam file index.hbs:

5. Ketikkan kode berikut ini ke dalam file info.hbs:

6. Ketikkan kode berikut ini ke dalam file app.js:

Perhatikan deklarasi variabel pada baris ke-2 untuk load module body-parser dan baris ke-16, baris ke-17 agar aplikasi dapat membaca parameter body. Untuk membaca parameter body gunakan req.body.namaparameter dari sebuah routing seperti yang dapat dilihat pada baris ke-24.

7. Lakukan input data kedalam form login sesuai dengan kode logic yang terdapat di dalam app.js untuk method post:

Halaman info akan menampilkan tampilan berikut ini apabila input login tidak sesuai:

Selamat mencoba :-)