إنشاء تطبيق ويب بسيط باستخدام Node.js و Express

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

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

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

 

فيما يلي مثال محدد لبناء تطبيق قائمة مهام باستخدام Express:

الخطوة 1: التثبيت وإعداد المشروع

  1. قم بتثبيت Node.js على جهاز الكمبيوتر الخاص بك( https://nodejs.org ).
  2. افتح Terminal وأنشئ دليلًا جديدًا لمشروعك mkdir todo-app:.
  3. انتقل إلى دليل المشروع cd todo-app:.
  4. بدء مشروع Node.js جديد npm init -y:.

الخطوة الثانية: التثبيت Express

  1. قم بتثبيت الحزمة Express:. npm install express

الخطوة 3: قم بإنشاء ملف server.js

  1. قم بإنشاء ملف جديد باسم server.js في دليل المشروع.
  2. افتح ملف server.js وأضف المحتوى التالي:
// Import the Express module  
const express = require('express');  
  
// Create an Express app  
const app = express();  
  
// Define a route for the home page  
app.get('/',(req, res) => {  
  res.send('Welcome to the To-Do List App!');  
});  
  
// Start the server  
app.listen(3000,() => {  
  console.log('Server is running on port 3000');  
});  
​

 

الخطوة 4: قم بتشغيل التطبيق

  1. افتح Terminal وانتقل إلى دليل المشروع(todo-app).
  2. قم بتشغيل التطبيق باستخدام الأمر node server.js:.
  3. افتح متصفح الويب الخاص بك وقم بالوصول إلى عنوان URL http://localhost:3000:.
  4. سترى رسالة "مرحبًا بك في تطبيق قائمة المهام!" معروض في متصفحك.

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