Rest API (ผ่าน Express และ Node.js) | Web development 101 – EP. 9

ในยุคที่การพัฒนาเว็บไซต์และแอปพลิเคชันมีความซับซ้อนมากขึ้น การสื่อสารระหว่างส่วนหน้าบ้าน (Frontend) และหลังบ้าน (Backend) กลายเป็นสิ่งสำคัญอย่างยิ่ง Rest API คือหนึ่งในโปรโตคอลที่ได้รับความนิยมในการเชื่อมต่อทั้งสองส่วนนี้เข้าด้วยกัน ในบทความนี้ เราจะมาเจาะลึกเรื่อง Rest API พร้อมทั้งเรียนรู้การใช้งาน Express และ Node.js เพื่อสร้าง API ของคุณเอง

API คืออะไร?

API หรือ Application Programming Interface คือชุดของคำสั่ง กฎเกณฑ์ และรูปแบบที่ช่วยให้โปรแกรมต่างๆ สามารถสื่อสารและแลกเปลี่ยนข้อมูลกันได้ API เปรียบเสมือนตัวกลางที่ช่วยให้ Frontend สามารถร้องขอข้อมูลจาก Backend และแสดงผลบนหน้าจอได้อย่างราบรื่น

JSON คืออะไร?

JSON หรือ JavaScript Object Notation เป็นรูปแบบการแลกเปลี่ยนข้อมูลที่ได้รับความนิยมอย่างมากในยุคปัจจุบัน JSON มีรูปแบบที่ง่ายต่อการอ่านและทำความเข้าใจ ทำให้เป็นตัวเลือกที่ดีสำหรับนักพัฒนาที่เพิ่งเริ่มต้น JSON ใช้รูปแบบ key-value ในการจัดเก็บข้อมูล ซึ่งคล้ายคลึงกับ JavaScript object

Rest API คืออะไร?

Rest API หรือ Representational State Transfer API เป็นสถาปัตยกรรมที่ใช้ในการสร้าง API โดยเน้นที่การใช้ HTTP method ต่างๆ ในการจัดการข้อมูล เช่น GET, POST, PUT, PATCH และ DELETE Rest API ช่วยให้การสื่อสารระหว่าง Frontend และ Backend เป็นไปอย่างมีประสิทธิภาพและง่ายต่อการจัดการ

Express คืออะไร?

Express เป็น Node.js framework ที่ช่วยให้การพัฒนาเว็บแอปพลิเคชันและ API ง่ายขึ้น Express มีฟังก์ชันมากมายที่ช่วยลดความซับซ้อนของโค้ดและเพิ่มประสิทธิภาพในการทำงาน

การลง Library Express

ในการใช้งาน Express คุณจะต้องทำการติดตั้ง Library ก่อน โดยใช้คำสั่ง npm install express ใน Terminal หลังจากติดตั้งแล้ว คุณสามารถนำเข้า Library Express ในไฟล์ JavaScript ของคุณได้

การสร้าง Hello World ด้วย Express

การเริ่มต้นใช้งาน Express ทำได้ง่ายๆ ด้วยการสร้าง Hello World application คุณสามารถสร้างเซิร์ฟเวอร์ Express และกำหนดเส้นทาง (route) สำหรับการตอบสนองคำขอ HTTP ได้อย่างรวดเร็ว

Postman คืออะไร?

Postman เป็นเครื่องมือที่ใช้ในการทดสอบ API ช่วยให้นักพัฒนาสามารถส่งคำขอ HTTP ไปยัง API และตรวจสอบผลลัพธ์ได้อย่างง่ายดาย Postman มีฟังก์ชันมากมาย เช่น การสร้างคำขอ การจัดการ headers และการตรวจสอบ response

การลง Library Postman

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

การใช้งาน Postman

การใช้งาน Postman นั้นง่ายมาก คุณสามารถสร้างคำขอ HTTP โดยเลือก method, ใส่ URL และกำหนด parameters หรือ body ของคำขอ หลังจากนั้น คุณสามารถส่งคำขอและดูผลลัพธ์ได้ทันที Postman ช่วยให้คุณทดสอบ API ได้อย่างรวดเร็วและมีประสิทธิภาพ

องค์ประกอบของ API

API ประกอบด้วยองค์ประกอบหลัก 2 อย่าง ได้แก่ Method และ Path

Method

Method คือวิธีการที่ใช้ในการจัดการข้อมูล เช่น GET, POST, PUT, PATCH และ DELETE แต่ละ method มีหน้าที่แตกต่างกันในการจัดการข้อมูล

Path

Path คือ URL ที่ใช้ในการเข้าถึง API endpoint Path จะระบุว่าคุณต้องการเข้าถึงข้อมูลอะไร

Method ต่างๆ ของ API

Method คือหัวใจสำคัญในการทำงานของ API แต่ละ method มีหน้าที่เฉพาะในการจัดการข้อมูล

Method GET

Method GET ใช้สำหรับการดึงข้อมูลจาก API เมื่อคุณต้องการอ่านข้อมูลจาก Backend คุณจะใช้ method GET

Method POST

Method POST ใช้สำหรับการสร้างข้อมูลใหม่ เมื่อคุณต้องการส่งข้อมูลใหม่ไปยัง Backend คุณจะใช้ method POST

Method PUT

Method PUT ใช้สำหรับการอัปเดตข้อมูลทั้งหมด เมื่อคุณต้องการแทนที่ข้อมูลที่มีอยู่ด้วยข้อมูลใหม่ คุณจะใช้ method PUT

Method PATCH

Method PATCH ใช้สำหรับการอัปเดตข้อมูลบางส่วน เมื่อคุณต้องการแก้ไขข้อมูลบางส่วนโดยไม่กระทบข้อมูลส่วนอื่น คุณจะใช้ method PATCH

Method DELETE

Method DELETE ใช้สำหรับการลบข้อมูล เมื่อคุณต้องการลบข้อมูลออกจาก Backend คุณจะใช้ method DELETE

การส่งข้อมูล

การส่งข้อมูลเป็นส่วนสำคัญในการทำงานของ API มี 2 วิธีหลักในการส่งข้อมูล

การส่งข้อมูลผ่าน Body

การส่งข้อมูลผ่าน Body ใช้สำหรับการส่งข้อมูลจำนวนมาก เช่น ข้อมูลที่ใช้ในการสร้างหรืออัปเดตข้อมูล Body จะถูกส่งไปพร้อมกับคำขอ HTTP

การส่งข้อมูลผ่าน Parameter

การส่งข้อมูลผ่าน Parameter ใช้สำหรับการส่งข้อมูลขนาดเล็ก เช่น ID ของข้อมูล Parameter จะถูกส่งไปพร้อมกับ URL

Workshop: สร้าง API สำหรับ Frontend

มาสร้าง API ง่ายๆ สำหรับ Frontend กัน

GET /users

สร้าง API สำหรับดึงข้อมูลผู้ใช้ทั้งหมด

POST /users

สร้าง API สำหรับสร้างผู้ใช้ใหม่

GET /users/:id

สร้าง API สำหรับดึงข้อมูลผู้ใช้ตาม ID

PUT /users/:id

สร้าง API สำหรับอัปเดตข้อมูลผู้ใช้ทั้งหมดตาม ID

PATCH /users/:id

สร้าง API สำหรับอัปเดตข้อมูลผู้ใช้บางส่วนตาม ID

DELETE /users/:id

สร้าง API สำหรับลบผู้ใช้ตาม ID

การเรียนรู้ Rest API ผ่าน Express และ Node.js เป็นก้าวสำคัญในการพัฒนาเว็บแอปพลิเคชัน การทำความเข้าใจ Method, Path และการส่งข้อมูลต่างๆ จะช่วยให้คุณสร้าง API ที่มีประสิทธิภาพและใช้งานง่าย อย่าลืมฝึกฝนและทดลองสร้าง API ของคุณเอง เพื่อให้เข้าใจแนวคิดเหล่านี้อย่างถ่องแท้

💬 ปรึกษาการเงินฟรีกับผู้เชี่ยวชาญ คลิกเพื่อแอดไลน์

👉 แอดไลน์เพื่อปรึกษาฟรี

หรือสแกน QR เพื่อแอด