تهيئة ملفات البرنامج وتنصيب الحزم في Express.js

بناء بنية التطبيق في Express.js
بناء بنية التطبيق في Express.js

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

1. تهيئة ملف package.json

ملف package.json هو القلب النابض لكل مشروع Node.js/Express، حيث يحدد خصائص المشروع والحزم المعتمدة. يمكن إنشاء هذا الملف يدويًا أو باستخدام الأمر npm init, الذي يقوم بإرشادك خلال عملية إعداد المشروع بشكل تفاعلي.

مثال على إنشاء package.json باستخدام npm init:

npm init -y

الخيار -y يستخدم الإعدادات الافتراضية لجميع الأسئلة، مما يسرع من العملية.

2. تنظيم هيكل الملفات

هيكل الملفات في مشروع Express يجب أن يكون منظمًا لتسهيل الصيانة والتطوير. عادةً ما يشمل:

  • app.js: يحتوي على الإعداد الأساسي للسيرفر وmiddleware.
  • routes/: مجلد يحتوي على تعريفات مسارات الويب.
  • public/: للموارد الثابتة مثل الصور وملفات CSS وJavaScript.
  • views/: لملفات القوالب، إذا كنت تستخدم محرك قوالب مثل EJS أو Pug.
  • node_modules/: يحتوي على الحزم المثبتة.
  • package.json: يدير الاعتماديات وسكربتات البرنامج.

3. تنصيب الحزم

الحزم في Node.js يتم إدارتها عبر npm، الذي يسمح بتثبيت، تحديث وإدارة الحزم بسهولة. Express.js نفسه هو حزمة يتم تنصيبها عبر npm.

تثبيت Express:

npm install express

يمكن أيضًا تثبيت حزم إضافية تحتاجها لمشروعك، مثل body-parser لتحليل طلبات POST:

npm install body-parser

4. تهيئة بيئة التطوير

لتسهيل التطوير، قد ترغب في استخدام أدوات مثل nodemon، التي تتيح إعادة تحميل السيرفر تلقائيًا عند تغيير الملفات.

تثبيت nodemon كحزمة تطوير:

npm install --save-dev nodemon

وتعديل ملف package.json لإضافة سكريبت يستخدم nodemon:

"scripts": {
  "start": "node app.js",
  "dev": "nodemon app.js"
}

بهذه الطريقة، يمكنك تشغيل السيرفر في بيئة التطوير باستخدام الأمر:

npm run dev

تهيئة ملفات البرنامج وتنصيب الحزم في مشروع Express هي خطوات أساسية تضمن بناء بنية مشروع قوية وقابلة للصيانة. باستخدام npm وVisual Studio Code مع الملحقات المناسبة، يمكن تحقيق بيئة تطوير فعالة ومنظمة تساعد على تسريع عملية التطوير وتحسين جودة الكود النهائي.

الكاتب

1 Trackback / Pingback

  1. دروس الدورة التعليمية لـ Express.js - Fawatech

Leave a Reply

لن يتم نشر بريدك الالكتروني في اللعن


*