مقدمة:

مرحبًا يا من هناك! إذا كنت جديدًا على Node.js، فمن المحتمل أنك سمعت عن Express.js، وهو إطار عمل خفيف الوزن وسريع ومرن لبناء خوادم الويب وواجهات برمجة التطبيقات. في هذا الدليل، سأرشدك عبر أساسيات Express، موضحًا لك مدى سهولة البدء.

مستعد؟ هيا بنا نتعمق!

1. تثبيت السريع

أول الأشياء أولاً، لنقم بتثبيت Express. تأكد من إعداد Node.js وnpm (مدير حزم Node) على جهازك. بمجرد أن تكون جاهزًا، افتح جهازك وقم بتشغيل هذا الأمر:

npm install express

بوم! لقد قمت للتو بتثبيت Express في مشروعك. الأمر بهذه البساطة.

2. إنشاء خادمك السريع الأول

الآن، دعونا نبني شيئا! إليك كيفية إنشاء خادم Express بسيط للغاية يستمع للطلبات ويستجيب بعبارة "Hello World" عندما يزور شخص ما موقعك.

const express = require('express');  // Import Express
const app = express();  // Initialize your Express app

app.get('/', (req, res) => {  // Set up a route for GET requests to the root URL
  res.send('Hello World');  // Send a response
});

app.listen(3000, () => {  // Tell the app to listen on port 3000
  console.log('Server is running on port 3000');
});

إذا قمت بتشغيل هذا باستخدام العقدة app.js وفتحت http://localhost:3000 في متصفحك، فسترى "Hello World." من السهل جدًا تشغيل الخادم!

3. ما هي البرامج الوسيطة؟

ربما سمعت مصطلح "البرامج الوسيطة" كثيرًا. ببساطة، البرمجيات الوسيطة هي مجرد وظيفة يتم تنفيذها بين تلقي الطلب وإرسال الاستجابة.

دعونا نلقي نظرة على مثال بسيط:

app.use((req, res, next) => {
  console.log('Request received');
  next();  // Moves to the next middleware or route
});

في هذه الحالة، في كل مرة يتم فيها تقديم طلب، يتم تسجيل "تم استلام الطلب" إلى وحدة التحكم. تعتبر الدالة next() مهمة هنا لأنها تسمح للطلب بالاستمرار إلى وظيفة البرنامج الوسيط التالية أو معالج المسار. وبدونها يتوقف الطلب ولا يتم إرسال أي رد.

إذا كنت مهتمًا بمعرفة المزيد حول كيفية عمل البرامج الوسيطة بالتفصيل، فراجع فهم البرامج الوسيطة في Express.js باستخدام Node.js. وهو يغطي أنواعًا مختلفة من البرامج الوسيطة، مثل البرامج الوسيطة على مستوى جهاز التوجيه، والبرمجيات الوسيطة لمعالجة الأخطاء.

4. التوجيه: العمود الفقري لتطبيقك

التوجيه هو كيفية إعداد عناوين URL المختلفة في تطبيقك. لقد رأيت بالفعل مسارًا أساسيًا لمسار الجذر (/)، ولكن يمكنك أيضًا التعامل مع طرق HTTP الأخرى، مثل POST، للتعامل مع عمليات إرسال النماذج أو تحديثات البيانات.

app.post('/submit', (req, res) => {
  res.send('Form submitted!');
});

الآن، عندما يرسل المستخدم نموذجًا إلى/إرسال، فإن هذا المسار سيتعامل معه. يمكنك إنشاء أي عدد تريده من المسارات — يجعل Express الأمر سهلاً!

5. خدمة الملفات الثابتة

ماذا لو كنت تريد عرض الصور أو ملفات CSS أو الأصول الثابتة الأخرى؟ لقد قمت بتغطية Express! ما عليك سوى إسقاط هذه الملفات في مجلد، مثل مجلد عام، وإخبار Express بمكان العثور عليها:

app.use(express.static('public'));

الآن، يمكن الوصول إلى أي ملف داخل المجلد العام (مثل style.css أو صورة) مباشرة عن طريق المتصفح.

6. التعامل مع بيانات JSON

في التطبيقات الحديثة، ستحتاج غالبًا إلى التعامل مع بيانات JSON — ربما من نموذج أو طلب واجهة برمجة التطبيقات. يجعل Express هذا الأمر سهلاً للغاية:

app.use(express.json());  // Add this middleware to parse JSON

app.post('/data', (req, res) => {
  console.log(req.body);  // Access the parsed JSON data
  res.send('Data received!');
});

الآن، عند إرسال طلب POST مع بيانات JSON إلى /data، سيقوم Express تلقائيًا بتحليل JSON، ويمكنك الوصول إليه في req.body. بسيطة، أليس كذلك؟

تلخيص كل شيء

وهذه هي المقدمة — مقدمة سريعة وسهلة لـ Express.js! باستخدام بضعة أسطر فقط من التعليمات البرمجية، تعلمت كيفية:

• تثبيت السريع،
• إعداد خادم أساسي،
• استخدام البرامج الوسيطة،
• التعامل مع طرق مختلفة،
• خدمة الملفات الثابتة،
• والعمل مع بيانات JSON.

يعد Express إطار عمل قويًا يجعل إنشاء خوادم الويب وواجهات برمجة التطبيقات أمرًا ممتعًا ومباشرًا. عندما تشعر براحة أكبر، يمكنك البدء في استكشاف المزيد من الميزات المتقدمة مثل أجهزة التوجيه، أو معالجة الأخطاء، أو حتى التكامل مع قاعدة البيانات.

نصائح احترافية لرحلتك السريعة

• استخدم Nodemon: يقوم تلقائيًا بإعادة تشغيل الخادم الخاص بك عند إجراء تغييرات. ما عليك سوى تشغيل npm install -gNodemon واستخدام Nodemon app.js بدلاً من Node app.js.
• هيكلة التطبيق الخاص بك: مع نمو مشروعك، ستحتاج إلى تنظيم المسارات ووحدات التحكم الخاصة بك في ملفات منفصلة. يؤدي هذا إلى إبقاء التعليمات البرمجية الخاصة بك نظيفة وسهلة الإدارة.

آمل أن يساعدك هذا الدليل على بدء استخدام Express! استمر في التجربة، وقبل أن تدرك ذلك، ستتمكن من إنشاء تطبيقات ويب رائعة كالمحترفين.

تعليمات سعيدة!