Bagaimana Cara Menggunakan Middleware Body-parser di Node.js?

Bagaimana Cara Menggunakan Middleware Body Parser Di Node Js



Saat menangani permintaan HTTP POST, teknik 'body parsing' memainkan peran penting dalam menangani permintaan tersebut. Hal ini memungkinkan pengguna untuk mengurai badan permintaan yang masuk untuk memodifikasinya sesuai dengan kebutuhan. Teknik ini mem-parsing isi permintaan string menjadi objek JavaScript JSON yang dapat digunakan dalam aplikasi Node.js.

Garis Besar Singkat

Mari kita mulai dengan dasar-dasar middleware di Node.js.







Apa itu Middleware di Node.js?

Perangkat Tengah adalah fungsi yang memberikan akses untuk meminta objek, merespons objek, dan menjalankan fungsi secara berurutan dengan berpindah ke fungsi middleware berikutnya dalam siklus permintaan-respons aplikasi. Ini juga menyediakan akses untuk memodifikasi objek permintaan dan respons untuk melakukan operasi seperti verifikasi, penguraian badan peminta, dan banyak lagi.



Apa itu Middleware Body-Parser di Node.js?

pengurai tubuh ” adalah middleware penguraian tubuh yang mengelola permintaan HTTP POST. Permintaan “POST” mengirimkan data ke server untuk membuat atau mengubah sumber daya. Middleware “bode-parser” mem-parsing badan permintaan masuk sebagai objek JavaScript (jika tipe konten aplikasi adalah JSON) dan Formulir HTML (jika tipe MIME adalah application/x-www-form-urlencoded ). Setelah selesai, barulah dapat digunakan dalam suatu aplikasi.



Setelah memahami dasar-dasar middleware body-parser, mari beralih ke penggunaannya.





Bagaimana Cara Menggunakan Middleware Body-parser di Node.js?

Untuk menggunakan middleware body-parser di Node.js ikuti langkah-langkah petunjuk di bawah ini:

Mari kita mulai dengan inisialisasi proyek Node.js.



Langkah 1: Inisialisasi Proyek Node.js

Pertama, Inisialisasi proyek Node.js dengan menjalankan perintah “ npm (manajer paket node)” perintah inisialisasi:

npm init - Dan

Dalam perintah di atas, “ -Dan' bendera digunakan untuk menjawab semua pertanyaan “ya”.

Outputnya menunjukkan bahwa “ paket.json ” file berhasil dibuat berisi kumpulan properti berikut:

Langkah 2: Instal Body Parser

Selanjutnya, instal paket body-parser ke dalam aplikasi Node.js saat ini dengan menjalankan perintah “ npm ”perintah instalasi:

npm instal badan - pengurai

Output di bawah ini menunjukkan bahwa paket body-parser telah berhasil diinstal pada aplikasi Node.js yang diberikan:

Langkah 3: Instal Express dan EJS

Sekarang, instal “ bukan (Template JavaScript Tersemat)” di aplikasi Node.js. 'Ejs' adalah mesin JavaScript terkenal yang digunakan oleh Node.js yang mengambil data HTML sebagai Javascript biasa:

npm instal ejs

Dapat diamati bahwa perpustakaan “ejs” telah ditambahkan ke aplikasi Node.js saat ini:

Selain itu, instal “ cepat ” kerangka web untuk membangun aplikasi Node.js dengan cepat dan mudah:

npm instal ekspres

Kata 'ekspres' juga telah ditambahkan ke aplikasi Node.js:

Langkah 4: Buat Templat EJS

Setelah semua paket yang diperlukan telah diinstal, buat template “ejs” yang memiliki baris kode berikut dan simpan sebagai “ SampleForm.ejs ” berkas:

DOCTYPEhtml >
< html >
< kepala >
< judul > Tubuh - pengurai Perangkat Tengah judul >
kepala >

< tubuh >
< tengah >
< h1 > Contoh Buku Harian h1 >
< bentuk tindakan = 'simpan Data' metode = 'POS' >
< pra >
< label > Judul : label < tipe masukan = 'teks' nama = 'judul' > < saudara >
< label > Tanggal label < tipe masukan = 'tanggal' nama = 'tanggal' < saudara >
< label > Tanggal label < tipe masukan = 'tanggal' nama = 'tanggal' < saudara >
< tipe masukan = 'kirim' nilai = 'Kirim Buku Harian' < saudara >
pra >

membentuk >
tengah >
tubuh >
html >

Penjelasan kode di atas adalah sebagai berikut:

  • ” tag menentukan judul dokumen HTML.
  • ” Tag menyelaraskan konten di tengah halaman web.
  • ” tag menyisipkan elemen judul tingkat pertama.

  • ” Tag membuat elemen formulir yang mengumpulkan informasi dari pengguna. Di dalam elemen 'bentuk', ' tindakan Atribut ” menentukan tindakan yang dilakukan pada pengiriman formulir dan “ metode Atribut ” yang memiliki nilai “posting” mengirimkan data ke server.
  • Tag ” menampilkan elemen tertentu pada halaman yang memiliki lebar font tetap sama seperti pada kode sumber.
  • ” tag menentukan label kolom input.
  • ” type menambahkan kolom input bertipe “ teks ” dan nama “ judul ”.
  • Dua tag “ ” berikutnya menambahkan kolom input dari jenis dan nama yang ditentukan.

Langkah 5: Gunakan Middleware Body Parser

Sekarang buat file “.js” bernama “ indeks.js ” dan gunakan middleware body-parser di dalamnya untuk mengurai isi semua permintaan yang masuk. Saat file “.js” dibuat, salin baris kode berikut di dalamnya:

konstanta bodyparser = memerlukan ( 'pengurai tubuh' )
konstanta cepat = memerlukan ( 'cepat' )
konstanta jalur = memerlukan ( 'jalur' )
konstanta aplikasi = cepat ( )
biarkan PORT = proses. env . pelabuhan || 8080
aplikasi. mengatur ( 'tampilan' , jalur. bergabung ( __namadir ) )
aplikasi. mengatur ( 'lihat mesin' , 'TIDAK' )
aplikasi. menggunakan ( bodyparser. dikodekan urlen ( { diperpanjang : BENAR } ) )
aplikasi. menggunakan ( bodyparser. json ( ) )
aplikasi. mendapatkan ( '/' , fungsi ( permintaan, soal ) {
res. memberikan ( 'Contoh Formulir' )
} ) ;
aplikasi. pos ( '/simpanData' , ( permintaan, soal ) => {
menghibur. catatan ( 'Menggunakan Pengurai Tubuh:' , permintaan. tubuh )
} )
aplikasi. mendengarkan ( PELABUHAN, fungsi ( kesalahan ) {
jika ( kesalahan ) melemparkan kesalahan
menghibur. catatan ( 'Server Dibuat di PORT' , PELABUHAN )
} )

Penjelasan dari baris kode di atas ditulis di bawah ini:

  • Pertama, “ memerlukan() Metode ” mengimpor modul “body-parser”, “express”, dan “path” dalam aplikasi Node.js saat ini.
  • Selanjutnya, buat sebuah instance dari aplikasi ekspres dengan bantuan “ cepat() ” konstruktor.
  • Setelah itu, “ proses.env ” Properti mengeksekusi server lokal secara default “ PELABUHAN ”. Jika port default sibuk maka server akan mengeksekusi pada port yang ditentukan yaitu “ 8080 ”.
  • Sekarang atur mesin tampilan dengan bantuan middleware yang ditentukan di mana 'views' menunjukkan folder tempat semua halaman web disimpan dan ' jalur.join() Metode ” menggabungkan segmen jalur dari direktori saat ini dan membuat satu jalur.
  • Setelah semuanya selesai, “ aplikasi.penggunaan() ” metode menempatkan yang ditentukan “ pengurai tubuh ” middleware di jalur yang diberikan. Middleware body-parser ini menggunakan “ dikodekan urlen ” parser yang hanya mem-parsing badan “urlencoded” yang header “content-type”-nya cocok dengan opsi “type”.
  • 'Body parser' yang kedua menggunakan ' JSON ” parser untuk mengurai isi permintaan masuk sebagai objek JSON dalam format nilai kunci.
  • aplikasi.dapatkan() Metode ” mengirimkan permintaan HTTP “GET” pada jalur yang ditentukan dan menjalankan fungsi panggilan balik yang memiliki “ permintaan (permintaan)”, dan “ res (menanggapi)” parameter.
  • Di dalam fungsi panggilan balik, “ res.render() Metode ” memberikan respons ketika fungsi panggilan balik yang ditentukan dijalankan.
  • Metode “app.post()” mengirimkan permintaan HTTP “POST” yang lebih aman karena tidak menampilkan data di URL. Ini juga mendefinisikan fungsi panggilan balik yang menggunakan “ req.body ” untuk mendapatkan data dari kolom input.
  • Terakhir, “ aplikasi.dengarkan() ” Metode membangun koneksi pada port yang ditentukan dan mendefinisikan fungsi panggilan balik. Dalam fungsi ini, “ jika Pernyataan ” memunculkan kesalahan jika terjadi selama eksekusi program, dan pernyataan “ konsol.log() ” menampilkan pernyataan konfirmasi di konsol.

Langkah 6: Terapkan Aplikasi Node.js

Terakhir, terapkan aplikasi Node.js dengan bantuan “ simpul ”kata kunci dengan cara ini:



indeks simpul. js

Eksekusi perintah di atas menunjukkan pesan konfirmasi bahwa server berhasil dibuat pada port yang ditentukan:

Sekarang kunjungi URL berikut http://localhost:8080 untuk melihat Contoh Buku Harian. Pada halaman web “Contoh Buku Harian”, isi semua kolom masukan, dan klik tombol “ Kirim Buku Harian tombol ” untuk menyimpan konten:

Dapat diamati bahwa setelah mengirimkan informasi, terminal secara otomatis menampilkan semua isi elemen HTML yang digunakan dalam “Contoh Diary” sebagai objek JSON:

Sekian tentang penggunaan middleware body-parser di Node.js.

Kesimpulan

Untuk menggunakan “ pengurai tubuh ” di Node.js gunakan “ dikodekan urlen ” dan “ JSON ” parser yang mengurai isi semua permintaan masuk dan menampilkannya sebagai objek JSON. Ini menangani badan permintaan 'POST' dan menguraikannya untuk mengambil konten semua elemen yang digunakan dalam dokumen HTML. Ini memberikan cara sederhana dan termudah untuk memproses tanggal yang dikirim oleh badan permintaan HTTP yang masuk. Posting ini secara praktis telah mendemonstrasikan penggunaan middleware body-parser di Node.js.