การติดตั้ง Express .js และสร้างแอปแรก

ในฐานะโมเดลภาษา AI ฉันสามารถให้คำแนะนำโดยละเอียดเกี่ยวกับการติดตั้ง Express.js และสร้างเว็บแอปพลิเคชันแรกของคุณได้ มาดำดิ่งสู่กระบวนการทีละขั้นตอน:

ขั้นตอนที่ 1: ข้อกำหนดเบื้องต้น

ก่อนที่คุณจะเริ่ม ตรวจสอบให้แน่ใจว่าคุณได้ Node.js ติดตั้งบนระบบของคุณแล้ว คุณสามารถดาวน์โหลดได้ Node.js จากเว็บไซต์ทางการ( https://nodejs.org ) และทำตามคำแนะนำในการติดตั้งสำหรับระบบปฏิบัติการของคุณ

ขั้นตอนที่ 2: การตั้งค่าโครงการใหม่

เปิด terminal(หรือ command prompt) ของคุณและสร้างไดเร็กทอรีใหม่สำหรับโครงการของคุณ ไปที่ไดเร็กทอรีโดยใช้ cd คำสั่ง:

mkdir my-express-app  
cd my-express-app  

ขั้นตอนที่ 3: การเริ่มต้นโครงการ

ตอนนี้ เริ่มต้นโครงการใหม่ Node.js โดยเรียกใช้คำสั่งต่อไปนี้:

npm init

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

ขั้นตอนที่ 4: การติดตั้ง Express.js

ถัดไป คุณต้องติดตั้ง Express.js เป็นการอ้างอิงสำหรับโครงการของคุณ ใช้คำสั่งต่อไปนี้:

npm install express --save

สิ่งนี้จะดาวน์โหลดและติดตั้ง Express.js และ --save แฟล็กจะเพิ่มการพึ่งพาใน package.json ไฟล์ ของคุณ

ขั้นตอนที่ 5: การสร้าง Express แอป

ถึงเวลาสร้าง Express.js แอปพลิเคชัน แรกของคุณแล้ว สร้างไฟล์ใหม่ชื่อ app.js(หรือชื่ออื่นที่คุณต้องการ) ในไดเร็กทอรีโครงการของคุณ

ใน app.js คุณต้องกำหนด Express และสร้างอินสแตนซ์ของมัน เพิ่มรหัสต่อไปนี้ใน app.js ไฟล์ของคุณ:

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

ขั้นตอนที่ 6: การตั้งค่าเส้นทางพื้นฐาน

มาสร้างเส้นทางง่ายๆ เพื่อตอบสนองต่อคำขอ HTTP ที่เข้ามา ตัวอย่างเช่น เราจะสร้างเส้นทางที่ตอบสนอง Hello, World! ต่อคำขอที่เข้ามาทั้งหมด เพิ่มรหัสต่อไปนี้ไปที่ app.js:

app.get('/',(req, res) => {  
  res.send('Hello, World!');  
});  

ขั้นตอนที่ 7: การเริ่มต้นเซิร์ฟเวอร์

สุดท้าย คุณต้องเริ่ม Express เซิร์ฟเวอร์ เพิ่มรหัสต่อไปนี้ต่อท้าย app.js:

const port = 3000;  
  
app.listen(port,() => {  
  console.log(`Server is running on http://localhost:${port}`);  
});  

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

บันทึก app.js ไฟล์ของคุณและกลับไปที่ไฟล์ terminal. เรียกใช้คำสั่งต่อไปนี้เพื่อเริ่ม Express.js เซิร์ฟเวอร์ของคุณ:

node app.js

หากตั้งค่าทุกอย่างถูกต้อง คุณควรเห็นข้อความ "เซิร์ฟเวอร์กำลังทำงานบน http://localhost:3000 " ในไฟล์ terminal.

ขั้นตอนที่ 9: ทดสอบแอปพลิเคชัน

เปิดเว็บเบราว์เซอร์ของคุณและไป http://localhost:3000 ที่ คุณควรเห็นข้อความ Hello, World! แสดงบนหน้า

 

ยินดีด้วย! คุณติดตั้ง Express.js และสร้างเว็บแอปพลิเคชันแรก สำเร็จแล้ว ตอนนี้คุณสามารถสร้างรากฐานนี้และสำรวจ Express.js คุณสมบัติและความสามารถเพิ่มเติมของ ' เพื่อพัฒนาเว็บแอปพลิเคชันที่มีประสิทธิภาพและไดนามิก มีความสุขในการเข้ารหัส!