كنموذج للغة AI ، يمكنني بالتأكيد تقديم دليل مفصل حول تثبيت Express.js وإنشاء تطبيق الويب الأول الخاص بك. دعنا نتعمق في العملية خطوة بخطوة:
الخطوة 1: المتطلبات الأساسية
قبل أن تبدأ ، تأكد من أنك قمت Node.js بالتثبيت على نظامك. يمكنك التنزيل Node.js من الموقع الرسمي( https://nodejs.org ) واتباع تعليمات التثبيت لنظام التشغيل الخاص بك.
الخطوة الثانية: إنشاء مشروع جديد
افتح terminal(أو command prompt) وقم بإنشاء دليل جديد لمشروعك. انتقل إلى الدليل باستخدام cd الأمر:
mkdir my-express-app
cd my-express-app
الخطوة الثالثة: بدء المشروع
الآن ، قم بتهيئة مشروع جديد Node.js عن طريق تشغيل الأمر التالي:
npm init
سيُطلب منك إدخال بعض المعلومات حول مشروعك ، مثل اسم الحزمة والإصدار والوصف ونقطة الإدخال وما إلى ذلك. يمكنك الضغط Enter لقبول القيم الافتراضية لمعظم المطالبات.
الخطوة 4: التثبيت Express.js
بعد ذلك ، تحتاج إلى التثبيت Express.js كعنصر تبعية لمشروعك. استخدم الأمر التالي للقيام بذلك:
npm install express --save
سيتم تنزيل هذا وتثبيته Express.js ، --save وستضيفه العلامة كعنصر تبعية في package.json ملفك.
الخطوة الخامسة: إنشاء Express التطبيق
حان الوقت الآن لإنشاء تطبيقك الأول Express.js. قم بإنشاء ملف جديد باسم app.js(أو أي اسم آخر تفضله) في دليل المشروع الخاص بك.
في app.js ، تحتاج إلى طلب Express وإنشاء مثيل له. أضف الكود التالي إلى ملفك app.js:
const express = require('express');
const app = express();
الخطوة 6: إعداد مسار أساسي
لنقم بإنشاء مسار بسيط للرد على طلبات HTTP الواردة. على سبيل المثال ، سننشئ مسارًا يستجيب Hello, World! لجميع الطلبات الواردة. أضف الكود التالي إلى app.js:
app.get('/',(req, res) => {
res.send('Hello, World!');
});
الخطوة 7: بدء تشغيل الخادم
أخيرًا ، تحتاج إلى بدء تشغيل Express الخادم. أضف الكود التالي إلى نهاية app.js:
const port = 3000;
app.listen(port,() => {
console.log(`Server is running on http://localhost:${port}`);
});
الخطوة 8: تشغيل التطبيق
احفظ app.js ملفك وارجع إلى ملف terminal. قم بتشغيل الأمر التالي لبدء تشغيل Express.js الخادم الخاص بك:
node app.js
إذا تم إعداد كل شيء بشكل صحيح ، فسترى الرسالة "يتم تشغيل الخادم على http: // localhost: 3000 " في ملف terminal.
الخطوة 9: اختبار التطبيق
افتح متصفح الويب الخاص بك وانتقل إلى http://localhost:3000. يجب أن ترى الرسالة Hello, World! المعروضة على الصفحة.
تهانينا! لقد نجحت في تثبيت Express.js وإنشاء تطبيق الويب الأول الخاص بك. يمكنك الآن البناء على هذا الأساس واستكشاف المزيد من Express.js ميزات وإمكانيات تطوير تطبيقات ويب قوية وديناميكية. ترميز سعيد!