| کانال توسعه‌دهندگان وب |
تو خیلی از پروژه‌های وب، مخصوصاً وقتی React / Vue / Angular کار می‌کنی، نیاز به یک backend ساده برای تست و توسعه داری؛ چیزی که سریع بالا بیاد، JSON برگردونه و دردسر config زیاد هم نداشته باشه. اینجا Express دقیقاً همون چیزیه که لازم داری. 😎
این مطلب بر پایه داکیومنت رسمی Express نوشته شده:
Express Hello World
✅ ایده کلی
یک REST API خیلی مینیمال می‌سازیم که:
• با Node.js + Express راه می‌افته.
• یک endpoint مثل /api/users برمی‌گردونه.
• آماده است که از frontend (مثلاً با fetch در React) صداش بزنی.
۱) نصب اولیه پروژه
داخل یک فولدر خالی این دستورها رو اجرا کن:
npm init -y
npm install express cors
۲) ساخت سرور ساده Express
فایلی به اسم server.js بساز و این کد رو داخلش بذار:
const express = require('express');
const cors = require('cors');
const app = express();
const PORT = 4000;
app.use(cors());
app.use(express.json());
// GET /api/users
app.get('/api/users', (req, res) => {
const users = [
{ id: 1, name: 'Ali', role: 'admin' },
{ id: 2, name: 'Sara', role: 'user' },
];
res.json(users);
});
// POST /api/users
app.post('/api/users', (req, res) => {
const newUser = req.body;
if (!newUser.name) {
return res.status(400).json({ message: 'name لازم است' });
}
newUser.id = Date.now();
res.status(201).json(newUser);
});
app.listen(PORT, () => {
console.log(`Server is running on http://localhost:${PORT}`);
});
۳) اجرای سرور
داخل ترمینال:
node server.js
حالا روی آدرس:
http://localhost:4000/api/users
یک آرایه از userها می‌بینی.
برای تست سریع می‌تونی از Postman یا Insomnia استفاده کنی، یا حتی با fetch از سمت frontend صداش بزنی.
چرا این کار عملی و مهمه؟
• موقع توسعه frontend لازم نیست صبر کنی backend اصلی تیم آماده بشه.
• می‌تونی شکل دقیق JSON رو خودت کنترل کنی.
• برای تمرین مفاهیم REST (GET/POST، status codeها، error handling) عالیه.
کد رو بردار، روی سیستم خودت اجراش کن و کم‌کم endpointهای جدید مثل /api/products یا /api/auth/login اضافه کن. هرچی زودتر یک API واقعی زیر دستت داشته باشی، سرعت رشدت در web dev چند برابر می‌شه. 🚀
🔖 #Web #وب #Frontend #Backend #Node_js #Express #API #Backend #Frontend #JavaScript #Web_Dev
👤 Developix
💎 Channel: @DevelopixWeb
5 · 1.1K ·