<!DOCTYPE html>
สอนทำ RESTful API ด้วย Express.js ตอน แบบ GET สำหรับ Client ขอข้อมูล
ในบทนี้เราจะสอนการสร้าง RESTful API ด้วย Express.js โดยให้ Client ขอข้อมูลด้วย HTTP GET method
ขั้นตอนที่ 1: ติดตั้ง Express.js
เริ่มต้นด้วยการติดตั้ง Express.js ด้วยคำสั่ง npm install express
ขั้นตอนที่ 2: สร้าง Server ด้วย Express.js
สร้างไฟล์ server.js และเพิ่มโค้ดด้านล่างนี้
“`javascript
const express = require(‘express’);
const app = express();
// สร้าง endpoint สำหรับ client ขอข้อมูล
app.get(‘/data’, (req, res) => {
const data = {
name: ‘John Doe’,
age: 30,
email: ‘johndoe@example.com’
};
res.json(data);
});
app.listen(3000, () => {
console.log(‘Server is running on port 3000’);
});
“`
ขั้นตอนที่ 3: เปิด Server
เปิด Terminal และรันคำสั่ง node server.js เพื่อเปิด Server
ขั้นตอนที่ 4: สร้าง Client สำหรับขอข้อมูล
สร้างไฟล์ index.html และเพิ่มโค้ดด้านล่างนี้
“`html
Client ขอข้อมูล
function getData() {
fetch(‘http://localhost:3000/data’)
.then(response => response.json())
.then(data => {
console.log(data);
});
}
“`
เราใช้ JavaScript Fetch API เพื่อส่ง request ไปยัง endpoint ‘/data’ บน Server และตอบกลับข้อมูลให้กับ Client
สรุป
ในบทนี้เราได้สอนการสร้าง RESTful API ด้วย Express.js แบบ GET สำหรับ Client ขอข้อมูล โดยจะต้องสร้าง Server ด้วย Express.js และ Client สำหรับขอข้อมูลด้วย JavaScript Fetch API
https://youtu.be/cFKIgyvFQys?si=uOGeCXaA64rfCSz7