[Panduan] NodeJS Express POST Data JSON

NodeJS dan ExpressJS adalah tumpukan teknologi populer untuk membangun aplikasi web, terutama di mana ada banyak interaksi pengguna dan pembaruan waktu nyata.

Sebelum sebagian besar aplikasi dapat memproses data masuk yang berasal dari API, middleware diperlukan untuk mengurai badan permintaan HTTP JSON menjadi objek JavaScript. Inilah yang akan dibahas dalam artikel ini!

Mengurai Data JSON POST menjadi Objek JavaScript Dengan NodeJS Express

Versi Express di atas versi 4.16.0 memiliki alat bawaan untuk mengurai JSON menjadi JavaScript. Namun, jika Express Anda di bawah 4.16.0, Anda dapat menggunakan baris kode berikut untuk menginstal body-parser, dengan bantuan Terminal Anda:

npm install body-parser

Menggunakan Middleware express.json()

Di dalam aplikasi Express Anda, pastikan untuk menambahkan middleware express.json() sebelum penangan rute Anda. Middleware ini akan secara otomatis mengurai permintaan masuk yang memiliki content-type JSON, dan mengisi properti req.body dengan objek JavaScript yang diurai yang diinginkan.

Contoh kode penggunaan middleware express.json() adalah:

const express = require('express');
const app = express();

// Enable JSON parsing
app.use(express.json());

// Your route handlers here...

app.listen(3000, () => console.log('Server listening on port 3000'));

Mengakses Data dari Badan Permintaan

Setelah middleware body-parser disiapkan, Anda seharusnya dapat mengakses data JSON yang diurai dari properti req.body di penangan rute Anda, menggunakan contoh kode di bawah ini:

app.post('/data', (req, res) => {
  const name = req.body.name;
  const email = req.body.email;

  // Do something with the data
  console.log(`Name: ${name}, Email: ${email}`);

  res.send('Data received successfully!');
});

Pastikan bahwa saat mengirim set permintaan, header content-type yang sesuai (yang biasanya application/json digunakan untuk Express. Ini untuk memastikan bahwa Express dapat mengenalinya sebagai permintaan JSON.

Lihat Respons API dengan Jelas Menggunakan Apidog

Memahami bagaimana API berperilaku sangat penting dalam pengembangan aplikasi. Oleh karena itu, Anda harus mempertimbangkan untuk menggunakan platform pengembangan API yang solid seperti Apidog untuk menghosting proses pengembangan Anda.

Impor API yang Ada ke Apidog

Dengan banyak jenis file API yang ada, seperti platform Postman, Swagger, dan Insomnia yang populer, Anda mungkin merasa terintimidasi bahwa Anda tidak dapat mengimpornya ke Apidog. Namun, itu tidak terjadi!

Apidog mendukung impor semua alternatif yang disebutkan dan banyak lagi! Dengan lebih dari 10 jenis file API yang dicakup, Anda dapat yakin untuk mengimpor dan mengedit API dengan aman dari platform lain di Apidog. Yang harus Anda lakukan adalah menavigasi ke bagian Import Data yang ditemukan di bawah Settings, dan Anda dapat mengimpor API Anda!

Antarmuka Pengguna Apidog yang Sederhana dan Intuitif

Pengguna baru dan berpengalaman akan dengan cepat menguasai antarmuka pengguna Apidog karena betapa sederhananya untuk bernavigasi! Uji API atau permintaan apa pun dengan memastikan titik akhir API sudah benar, dan tekan tombol Send setelah semuanya diselesaikan!

Apidog akan menampilkan badan respons PAI dengan sangat jelas, dengan opsi untuk melihat respons API dalam bentuk yang bagus dan mudah dibaca manusia, atau versi mentahnya yang sebenarnya. Anda juga dapat melihat apakah respons sebenarnya berhasil berdasarkan respons status yang dikembalikan dari API.

Hasilkan Kode JavaScript yang Diperlukan Menggunakan Apidog

Apidog memiliki fitur pembuatan kode yang memungkinkan pengguna untuk menghasilkan kode untuk bahasa pemrograman paling populer, seperti JavaScript, Python, Java, dan banyak lagi!

Pertama, temukan tombol </> yang terletak di sekitar sudut kanan atas layar. Jika Anda kesulitan menemukan tombol tersebut, Anda dapat merujuk ke gambar di atas.

Lanjutkan dengan memilih bahasa pemrograman sisi klien yang Anda butuhkan. Anda memiliki kekuatan untuk memilih pustaka JavaScript mana yang lebih nyaman bagi Anda. Sekarang yang perlu Anda lakukan hanyalah menyalin dan menempel kode ke IDE Anda, dan melanjutkan dengan pengeditan untuk memastikan kode tersebut sesuai dengan aplikasi NodeJS Anda!

Kesimpulan

NodeJS dan Express menawarkan kombinasi yang kuat untuk membangun aplikasi web yang memanfaatkan pertukaran data JSON. Dengan memanfaatkan middleware express.json(), Anda dapat dengan mudah mengurai data JSON masuk dalam permintaan POST. Ini menyederhanakan tugas-tugas seperti pendaftaran pengguna, pembaruan data, dan interaksi waktu nyata.

Dengan sifat berbasis peristiwa NodeJS dan penanganan API Express yang efisien, Anda dapat membuat aplikasi web dinamis dan terukur yang terintegrasi dengan mulus dengan layanan lain. Jadi, lain kali Anda membangun aplikasi web yang membutuhkan interaksi JSON, pertimbangkan efisiensi dan fleksibilitas yang dibawa NodeJS dan Express.