[คู่มือ] NodeJS Express การส่งข้อมูล JSON แบบ POST

NodeJS และ ExpressJS เป็นเทคโนโลยีที่ได้รับความนิยมในการสร้างเว็บแอปพลิเคชัน โดยเฉพาะอย่างยิ่งในกรณีที่มีการโต้ตอบกับผู้ใช้จำนวนมากและการอัปเดตแบบเรียลไทม์

ก่อนที่แอปพลิเคชันส่วนใหญ่จะประมวลผลข้อมูลขาเข้าจาก API จำเป็นต้องมี middleware เพื่อแยกวิเคราะห์ JSON HTTP request bodies เป็นอ็อบเจกต์ JavaScript นี่คือสิ่งที่บทความนี้จะกล่าวถึง!

การแยกวิเคราะห์ข้อมูล POST JSON เป็นอ็อบเจกต์ JavaScript ด้วย NodeJS Express

Express เวอร์ชันที่สูงกว่าเวอร์ชัน 4.16.0 มีเครื่องมือในตัวเพื่อแยกวิเคราะห์ JSON เป็น JavaScript อย่างไรก็ตาม หาก Express ของคุณต่ำกว่า 4.16.0 คุณสามารถใช้โค้ดบรรทัดต่อไปนี้เพื่อติดตั้ง body-parser ด้วยความช่วยเหลือของ Terminal ของคุณ:

npm install body-parser

การใช้ express.json() Middleware

ภายในแอป Express ของคุณ ตรวจสอบให้แน่ใจว่าได้เพิ่ม express.json() middleware ก่อน route handlers ของคุณ middleware นี้จะแยกวิเคราะห์คำขอขาเข้าที่มี content-type เป็น JSON โดยอัตโนมัติ และเติมคุณสมบัติ req.body ด้วยอ็อบเจกต์ JavaScript ที่แยกวิเคราะห์

ตัวอย่างโค้ดของการใช้ express.json() middleware จะเป็น:

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

// เปิดใช้งานการแยกวิเคราะห์ JSON
app.use(express.json());

// Your route handlers here...

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

การเข้าถึงข้อมูลจาก Request Body

เมื่อตั้งค่า body-parser middleware แล้ว คุณควรจะสามารถเข้าถึงข้อมูล JSON ที่แยกวิเคราะห์จากคุณสมบัติ req.body ใน route handlers ของคุณ โดยใช้ตัวอย่างโค้ดด้านล่าง:

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!');
});

ตรวจสอบให้แน่ใจว่าเมื่อส่งคำขอตั้งค่าส่วนหัว content-type ที่เหมาะสม (ซึ่งโดยปกติคือ application/json จะใช้สำหรับ Express นี่คือเพื่อให้แน่ใจว่า Express สามารถรับรู้ว่าเป็นคำขอ JSON

ดูการตอบสนอง API ด้วยความชัดเจนโดยใช้ Apidog

การทำความเข้าใจว่า API ทำงานอย่างไรเป็นสิ่งสำคัญในการพัฒนาแอปพลิเคชัน ดังนั้น คุณควรพิจารณาใช้แพลตฟอร์มการพัฒนา API ที่แข็งแกร่ง เช่น Apidog เพื่อจัดการกระบวนการพัฒนาของคุณ

นำเข้า API ที่มีอยู่ไปยัง Apidog

ด้วยไฟล์ API ที่มีอยู่มากมาย เช่น Postman, Swagger และแพลตฟอร์ม Insomnia ที่ได้รับความนิยม คุณอาจรู้สึกกลัวว่าจะไม่สามารถนำเข้า API เหล่านั้นไปยัง Apidog ได้ อย่างไรก็ตาม นั่นไม่ใช่กรณี!

Apidog รองรับการนำเข้าทางเลือกทั้งหมดที่กล่าวมาข้างต้นและอีกมากมาย! ด้วยไฟล์ API กว่า 10 ประเภทที่ครอบคลุม คุณสามารถมั่นใจได้ว่าจะสามารถนำเข้าและแก้ไข API จากแพลตฟอร์มอื่น ๆ ใน Apidog ได้อย่างปลอดภัย สิ่งที่คุณต้องทำคือไปที่ส่วน Import Data ที่พบภายใต้ Settings และคุณสามารถนำเข้า API ของคุณได้!

ส่วนต่อประสานผู้ใช้ Apidog ที่เรียบง่ายและใช้งานง่าย

ทั้งผู้ใช้ใหม่และผู้มีประสบการณ์จะเข้าใจส่วนต่อประสานผู้ใช้ Apidog ได้อย่างรวดเร็วเนื่องจากใช้งานง่าย! ทดสอบ API หรือคำขอใด ๆ โดยตรวจสอบให้แน่ใจว่า API endpoint ถูกต้อง และกดปุ่ม Send เมื่อทุกอย่างเสร็จสิ้น!

Apidog จะแสดงเนื้อหาของการตอบสนอง PAI อย่างชัดเจน พร้อมตัวเลือกในการดูการตอบสนอง API ในรูปแบบที่อ่านง่าย หรือเวอร์ชันดิบที่แท้จริง นอกจากนี้ คุณยังสามารถดูได้ว่าการตอบสนองจริงสำเร็จหรือไม่โดยพิจารณาจากการตอบสนองสถานะที่ส่งคืนจาก API

สร้างโค้ด JavaScript ที่จำเป็นโดยใช้ Apidog

Apidog มีคุณสมบัติการสร้างโค้ดที่ช่วยให้ผู้ใช้สามารถสร้างโค้ดสำหรับภาษาการเขียนโปรแกรมยอดนิยม เช่น JavaScript, Python, Java และอื่น ๆ อีกมากมาย!

ขั้นแรก ให้ค้นหาปุ่ม </> ที่มุมขวาบนของหน้าจอ หากคุณกำลังประสบปัญหาในการค้นหาปุ่ม คุณสามารถอ้างอิงภาพด้านบนได้

ดำเนินการต่อโดยเลือกภาษาการเขียนโปรแกรมฝั่งไคลเอ็นต์ที่คุณต้องการ คุณมีอำนาจในการเลือกไลบรารี JavaScript ที่คุณสะดวกกว่า ตอนนี้สิ่งที่คุณต้องทำคือคัดลอกและวางโค้ดลงใน IDE ของคุณ และดำเนินการแก้ไขต่อไปเพื่อให้แน่ใจว่าเหมาะสมกับแอป NodeJS ของคุณ!

บทสรุป

NodeJS และ Express มอบการผสมผสานที่ทรงพลังสำหรับการสร้างเว็บแอปพลิเคชันที่ใช้การแลกเปลี่ยนข้อมูล JSON ด้วยการใช้ express.json() middleware คุณสามารถแยกวิเคราะห์ข้อมูล JSON ขาเข้าในคำขอ POST ได้อย่างง่ายดาย ซึ่งช่วยลดความซับซ้อนของงานต่างๆ เช่น การลงทะเบียนผู้ใช้ การอัปเดตข้อมูล และการโต้ตอบแบบเรียลไทม์

ด้วยลักษณะการทำงานแบบ event-driven ของ NodeJS และการจัดการ API ที่คล่องตัวของ Express คุณสามารถสร้างเว็บแอปพลิเคชันแบบไดนามิกและปรับขนาดได้ซึ่งผสานรวมกับบริการอื่น ๆ ได้อย่างราบรื่น ดังนั้น ครั้งต่อไปที่คุณกำลังสร้างเว็บแอปพลิเคชันที่ต้องการการโต้ตอบ JSON ให้พิจารณาประสิทธิภาพและความยืดหยุ่นที่ NodeJS และ Express นำเสนอ