Node.js: รัน JavaScript นอกเบราว์เซอร์
ใช้ตั้งแต่ Challenge Day 2 · ส่วน N ของ PERN Stack
Node.js ทำให้รัน JavaScript บนเครื่องหรือเซิร์ฟเวอร์ได้ ไม่ต้องมีเบราว์เซอร์ Next.js, Express และเครื่องมือเกือบทุกตัวในคอร์สรันบน Node.js และติดตั้ง library ผ่าน npm
At a glance
| Item | Details |
|---|---|
| ติดตั้ง | Node.js เวอร์ชัน LTS จาก nodejs.org |
| มาพร้อม | npm (ติดตั้ง library) และ npx (รันเครื่องมือโดยไม่ต้องติดตั้ง) |
| ไฟล์ตั้งค่า | package.json: ชื่อโปรเจกต์, library ที่ใช้, script |
| library อยู่ที่ | node_modules/ (ใหญ่มาก ห้าม push) |
Installation
ดาวน์โหลด
ไปที่ nodejs.org เลือกเวอร์ชัน LTS แล้วติดตั้งตามค่าเริ่มต้น
เปิด Terminal ใหม่
ปิด Terminal เดิมแล้วเปิดใหม่ เพื่อให้เห็นคำสั่ง
nodeเช็กเวอร์ชัน
node -v # เช่น v22.x npm -vลองรันไฟล์แรก
echo 'console.log("Hello from Node")' > hello.js node hello.js
npm และ package.json
package.json คือบัตรประจำตัวของโปรเจกต์: บอกว่าใช้ library อะไร และมีคำสั่งอะไรให้รัน
{
"name": "server",
"type": "module",
"scripts": {
"dev": "nodemon index.js",
"start": "node index.js"
},
"dependencies": {
"express": "^5.1.0"
},
"devDependencies": {
"nodemon": "^3.1.0"
}
}| คำสั่ง | ทำอะไร |
|---|---|
npm init -y | สร้าง package.json ใหม่ |
npm install | ติดตั้งทุก library ตาม package.json (หลัง clone repo) |
npm install <pkg> | เพิ่ม library ใน dependencies |
npm install -D <pkg> | เพิ่ม library ที่ใช้ตอนพัฒนาเท่านั้น |
npm run <script> | รัน script เช่น npm run dev |
npx <tool> | รันเครื่องมือครั้งเดียว เช่น npx create-next-app@latest |
node <file> | รันไฟล์ JavaScript |
Modules: import และ export
แยกโค้ดเป็นหลายไฟล์ แล้วดึงมาใช้ด้วย import (ต้องมี "type": "module" ใน package.json)
// math.js
export function add(a, b) {
return a + b;
}
// index.js
import { add } from "./math.js";
import express from "express"; // library จาก node_modules
console.log(add(2, 3)); // 5Environment variables
ค่าลับอย่างรหัสฐานข้อมูลเก็บในไฟล์ .env แล้วอ่านผ่าน process.env
// .env
// DATABASE_URL=postgresql://...
import "dotenv/config";
console.log(process.env.DATABASE_URL);อย่าลืมใส่ใน .gitignore
node_modules/
.envฝึกต่อ
เว็บสำหรับลงมือทำ
เอกสาร · nodejs.orgNode.js: Introduction เอกสารทางการเอกสาร · docs.npmjs.comnpm Docs ทุกเรื่องของ npmลงมือทำ · w3schools.comW3Schools Node.js พื้นฐาน Node และ npm พร้อมตัวอย่าง
วิดีโอเรียนเอง
Next steps
CS ChallengeLast updated Oct 2026

