สร้าง Web Application อย่างง่ายด้วย Node.js และ Express

Express เป็นเฟรมเวิร์กเว็บแอปพลิเคชันที่ทรงพลังและยืดหยุ่นโดยยึดตาม Node.js ด้วยไวยากรณ์ที่เรียบง่ายและโครงสร้างที่เบา Express ช่วยให้คุณสร้างเว็บแอปพลิเคชันที่ตอบสนองต่อผู้ใช้ได้อย่างรวดเร็ว

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

หากต้องการใช้ Express คุณต้องติดตั้งเฟรมเวิร์กและสร้างเซิร์ฟเวอร์เพื่อรับฟังคำขอจากลูกค้า ด้วยการกำหนดเส้นทางและมิดเดิลแวร์ คุณสามารถจัดการคำขอ เข้าถึงฐานข้อมูล ดำเนินการรับรองความถูกต้องและความปลอดภัย และแสดงเนื้อหาแบบไดนามิกแก่ผู้ใช้

 

นี่คือตัวอย่างเฉพาะของการสร้างแอปพลิเคชันรายการสิ่งที่ต้องทำโดยใช้ Express:

ขั้นตอนที่ 1: การติดตั้งและการตั้งค่าโครงการ

  1. ติดตั้ง Node.js บนคอมพิวเตอร์ของคุณ ( https://nodejs.org )
  2. เปิด Terminal และสร้างไดเรกทอรีใหม่สำหรับโครงการของคุณmkdir todo-app:
  3. ย้ายไปยังไดเร็กทอรีโครงการ: cd todo-app.
  4. เริ่มต้นโครงการ Node.js ใหม่: npm init -y.

ขั้นตอนที่ 2: ติดตั้ง Express

  1. ติดตั้งแพ็คเกจ Express: npm install express.

ขั้นตอนที่ 3: สร้างไฟล์ server.js

  1. สร้างไฟล์ใหม่ชื่อ server.js ในไดเรกทอรีโครงการ
  2. เปิดไฟล์ server.js และเพิ่มเนื้อหาต่อไปนี้:
// Import the Express module
const express = require('express');

// Create an Express app
const app = express();

// Define a route for the home page
app.get('/', (req, res) => {
  res.send('Welcome to the To-Do List App!');
});

// Start the server
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});
​

 

ขั้นตอนที่ 4: เรียกใช้แอปพลิเคชัน

  1. เปิด Terminal และไปที่ไดเร็กทอรีโครงการ (todo-app)
  2. เรียกใช้แอปพลิเคชันด้วยคำสั่ง: node server.js.
  3. เปิดเว็บเบราว์เซอร์ของคุณและเข้าถึง URL http://localhost:3000:
  4. คุณจะเห็นข้อความ "ยินดีต้อนรับสู่แอป To-Do List!" แสดงในเบราว์เซอร์ของคุณ

นั่นเป็นตัวอย่างง่ายๆ ของการสร้างเว็บแอปพลิเคชันโดยใช้ Node.js และ Express คุณสามารถขยายแอปพลิเคชันนี้ได้โดยเพิ่มคุณสมบัติต่างๆ เช่น การเพิ่ม แก้ไข และลบงานจากรายการสิ่งที่ต้องทำ