چگونه یاد گرفتم که اولین سرور Express.js خود را بسازم

مقدمه

Express.js یکی از محبوب ترین چارچوب های وب برای Node.js است و به توسعه دهندگان این امکان را می دهد تا برنامه های وب و API را به طور کارآمد بسازند. در این وبلاگ ، ما یک سرور Express.js را تجزیه خواهیم کرد ، مؤلفه های آن را توضیح می دهیم و درک فنی عمیق تری از نحوه عملکرد آن ارائه می دهیم.

تنظیم Express.js

قبل از غواصی به کد ، اطمینان حاصل کنید که Node.js روی سیستم شما نصب شده است. می توانید این کار را با دویدن بررسی کنید:

node -v

اگر node.js نصب شده است ، با نصب اکسپرس ادامه دهید:

npm install express

حال ، بیایید یک سرور اصلی Express.js ایجاد کنیم.

نوشتن یک سرور Express.js ساده

در اینجا یک اسکریپت سرور Express.js ساده وجود دارد:

const express = require('express');  // Import the Express library
const app = express();  // Create an Express application

// Define a route
app.get('/', (req, res) => {
    res.send('Hello, World!');  // Send response to client
});

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

حالا ، بیایید آن را قدم به قدم کنار بگذاریم.

1⃣ وارد کردن اکسپرس

const express = require('express');

توضیح فنی:

• require('express') ماژول اکسپرس را بارگیری می کند ، که رسیدگی به درخواست های HTTP را در Node.js. ساده می کند.
• در express اکنون متغیر نمونه ای از اکسپرس را در خود جای داده است.

2⃣ ایجاد یک برنامه اکسپرس

const app = express();

توضیح فنی:

• express() یک برنامه جدید اکسپرس را آغاز می کند.
• این app از شی برای تعریف مسیرها ، میان افزار و رفتار سرور استفاده می شود.

3⃣ تعریف مسیرها

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

توضیح فنی:

• app.get("https://dev.to/"): این مسیری را برای رسیدگی تعریف می کند GET درخواست در URL ریشه (/).
• req (شیء درخواست): درخواست HTTP ورودی را نشان می دهد.
• res (شیء پاسخ): به ما امکان می دهد پاسخی را به مشتری ارسال کنیم.
• res.send('Hello, World!'): پاسخ حاوی متن را ارسال می کند.

چگونه مسیرها کار می کنند:

• وقتی کاربر بازدید می کند http://localhost:3000/، این عملکرد با آن اجرا و پاسخ می دهد “سلام ، جهان!”بشر

4⃣ شروع سرور

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

توضیح فنی:

• app.listen(3000): سرور را شروع می کند بندر 3000بشر
• در تابع تماس تلفنی درون listen() هنگامی که سرور با موفقیت شروع می شود اجرا می شود.

نحوه گوش دادن کار می کند:

• این باعث می شود برنامه شما در دسترس باشد http://localhost:3000بشر
• در console.log پیام تأیید می کند که سرور در حال اجرا است.

سرور Express.js خود را گسترش دهید

اکنون که اصول را درک کردید ، اجازه دهید سرور را با اضافه کردن گسترش دهیم:

➤ 1. رسیدگی به مسیرهای مختلف

می توانید چندین مسیر را برای URL های مختلف تعریف کنید:

app.get('/about', (req, res) => {
    res.send('About Page');
});

app.get('/contact', (req, res) => {
    res.send('Contact Page');
});

➤ 2. رسیدگی به درخواست های پست

قبول کردن پست درخواست ها ، ما برای رسیدگی به داده های دریافتی به میانی نرم افزار نیاز داریم:

app.use(express.json());  // Middleware to parse JSON data

app.post('/submit', (req, res) => {
    res.send(`Received Data: ${JSON.stringify(req.body)}`);
});

➤ 3. استفاده از میان افزار برای درخواست های ورود به سیستم

توابع میانی قبل از ارسال پاسخ اجرا می شوند. بیایید درخواست های ورودی را وارد کنیم:

app.use((req, res, next) => {
    console.log(`Request Method: ${req.method}, URL: ${req.url}`);
    next();  // Pass control to the next middleware or route
});

جدول خلاصه

پایان

Express.js روشی قدرتمند و در عین حال ساده برای ساخت برنامه های وب فراهم می کند. ما پوشش دادیم:
✅ تنظیم سرور اکسپرس
✅ درک مسیرها و رسیدگی به پاسخ درخواست
✅ گسترش قابلیت ها با روشهای متوسط ​​و روشهای مختلف HTTP