close

สร้าง 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. คุณสามารถขยายแอปพลิเคชันนี้ได้โดยเพิ่มคุณสมบัติต่างๆ เช่น การเพิ่ม แก้ไข และลบงานจากรายการสิ่งที่ต้องทำ