ستغطي هذه المشاركة ما يلي:

• ما هو Node.js؟
• كيف يعمل Node.js؟
• كيفية تثبيت Node.js على نظام التشغيل Windows؟
• كيفية تثبيت Node.js على ماك؟
• كيفية تثبيت Node.js على نظام التشغيل Linux؟
• كيفية كتابة برنامج Node.js الأول؟ (مرحبا بالعالم)
• كيفية استيراد الوحدات الأساسية للعقدة؟
• كيفية تثبيت حزم NPM؟
• كيف تبدأ مع Express JS؟
• كيفية تقديم الملفات الثابتة في اكسبرس؟
• كيفية تقديم الملفات الديناميكية في Express؟
• خاتمة

ما هو Node.js؟

الاستعلام الأكثر بحثًا على محرك بحث Google هو ما هو Node.js؟ الأسئلة الأكثر شيوعًا هي هل Node.js لغة برمجة؟ هل هو إطار؟ هل هي مكتبة؟ للتبسيط، يمكن تعريف Node.js على أنها بيئة تشغيل تدعمها مكتبة JS.

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

تختلف Node.js تمامًا عن لغات البرمجة الأخرى من جانب الخادم. تجدر الإشارة إلى أنه ليس خادمًا خلفيًا أو خادم ويب. منفردًا، لا يمكنه فعل أي شيء سوى مجموعة من الوحدات التي تساعد في إنشاء مشروع قابل للتطوير. يتم تشغيله على خادم واحد ولا يقوم بإنشاء سلاسل رسائل إضافية لكل طلب على حدة. علاوة على ذلك، تُستخدم نماذج عدم الحظر لكتابة غالبية مكتبات NodeJS، لذا فإن سلوك الحظر هو الاستثناء وليس القاعدة. تعتبر عناصر الإدخال/الإخراج غير المتزامنة إحدى ميزات مكتبة Node.js القياسية التي تمنع حظر تعليمات JavaScript البرمجية.

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

Node.js مثال بسيط

أحد الأمثلة البسيطة لفهم مفهوم Node.js هو إنشاء خادم ويب وكتابة بعض النصوص. نظرًا لأنها مقدمة لـ Node.js، فلنضف سطر المقدمة إلى منفذ الويب:

في هذا الكود:

• يستورد 'const http = require('http')' وحدة http التي تساعد في إنشاء خوادم HTTP والتعامل مع الوظائف المرتبطة بها.
• يحدد 'const serverPort = 3000' المنفذ الذي سيعمل عليه الخادم.
• 'const server = http.createServer((req, res) => {})' يستخدم طريقة إنشاء الخادم لوحدة http لإنشاء خادم بوظيفة رد اتصال تأخذ وسيطتين إحداهما هي الطلب والأخرى هي الاستجابة سيتم إنشاؤها للطلب.
• داخل وظيفة رد الاتصال، يتم تعيين رمز حالة HTTPS على 200، ويتم تعيين نوع محتوى الاستجابة على نص عادي. بالإضافة إلى ذلك، يعرض خادم الويب رسالة بعنوان 'دليل المبتدئين لبدء استخدام Node.js'.
• يتم استدعاء 'server.listen(serverPort, () =>{})' لبدء تشغيل الخادم والاستماع إلى جميع الطلبات الواردة على الخادم. يتم استدعاء وظيفة رد الاتصال بعد بدء تشغيل الخادم وتعرض رسالة في الجهاز لإظهار المنفذ الذي تم تشغيل الخادم عليه.

انتاج |

استخدم السطر أدناه للتنفيذ:

أين App.js هو اسم التطبيق.

الإخراج في المحطة هو:

يشير هذا إلى أن الخادم قد بدأ ويستمع للطلبات الواردة. للتحقق من الاستجابة على الخادم استخدم الرابط التالي “ http://localhost:3000/ '.

سيظهر الإخراج على جانب الخادم على النحو التالي:

كيف يعمل Node.js؟

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

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

لفهم واستيعاب المفهوم التفصيلي لحلقات الأحداث في Node.js، قمنا بكتابة مقالة مخصصة حول هذا الموضوع.

مزايا Node.js

بعض المزايا الرئيسية لـ Node.js هي:

• قابلية التوسع : يبسط نمو التطبيقات ثنائي الاتجاه: أفقيًا وعموديًا.
• تطبيقات الويب في الوقت الحقيقي : الأفضل للمهام التي تتطلب مزامنة سريعة وتمنع التحميل الزائد على HTTP.
• سرعة : أداء المهام بسرعة، مثل إدخال البيانات أو إخراجها من قواعد البيانات، أو الارتباط بالشبكات، أو التعامل مع الملفات.
• سهولة التعلم : Node.js سهل التعلم للمبتدئين لأنه يستخدم Javascript.
• فائدة التخزين المؤقت : يخزن جزءًا واحدًا فقط، لذلك ليست هناك حاجة لتشغيل التعليمات البرمجية مرة أخرى عند الطلب، فذاكرة التخزين المؤقت هي ذاكرة سريعة وتوفر وقت تحميل إضافي.
• تدفق البيانات : يتعامل مع طلبات HTTP والاستجابات كأحداث مختلفة وبالتالي تحسين الأداء.
• الاستضافة : من السهل وضعه على مواقع الويب مثل PaaS و Heroku.
• دعم الشركات : تستخدمه الشركات الكبرى مثل Netflix وSpaceX وWalmart وما إلى ذلك.

كيفية تثبيت Node.js على نظام التشغيل Windows؟

نظرًا لأننا بدأنا في تطوير تطبيقات Node.js، إذا كانت لدينا بيئة Windows، فيجب إعداد بيئة Node.js. اتبع الإرشادات التفصيلية أدناه لإعداد بيئة Node.js في نظام التشغيل Windows.

الخطوة 1: قم بتنزيل حزمة تثبيت Node.js

انتقل إلى الموقع الرسمي لـ Node.js الموقع الرسمي لـ Node.js وتأكد من تنزيل أحدث إصدار من Node.js. تحقق أيضًا من تثبيت مدير الحزم npm معه لأنه يلعب دورًا حاسمًا في توسيع نطاق تطبيقات Node.js.

ما عليك سوى النقر على Windows Installer وسيبدأ التنزيل. سيكون الإصدار الذي تم تنزيله 64 بت ويوصى باستخدام إصدار LTS (الدعم طويل الأمد). قم بتشغيل برنامج التثبيت لتثبيت Node.js.

الخطوة 2: تثبيت وحدة Node.js وNPM على جهاز الكمبيوتر الخاص بك

ستظهر الشاشة التالية، قم بالضغط على زر التالي:

بعد النقر على التالي، ستظهر نافذة جديدة حيث سيُطلب من المستخدم إدخال المسار حيث سيتم تنزيل مكتبات Node.js msi.

الآن في النافذة أدناه حدد المسار المطلوب وانقر على الزر التالي:

بعد النقر على هذا الزر التالي، ستظهر لك نافذة الإعداد المخصص حيث سيُطلب منك تحديد الحزمة التي تريد تثبيتها. من هذه النافذة، حدد مدير الحزم npm افتراضيًا، ويتم تحديد وقت تشغيل Node.js. في مدير الحزم npm، تم تثبيت كل من Node.js وحزمة npm.

وأخيرا، انقر على زر التثبيت لبدء الرحلة.

الخطوة 3: التحقق من الإصدارات المثبتة

يعد التعرف على الإصدار المثبت أمرًا بالغ الأهمية، لذا للتحقق منه، انتقل إلى شريط البحث في Windows واكتب موجه الأوامر:

بعد فتح نافذة موجه الأوامر، اكتب أمرين للتحقق.

نسخة Node.js

يمكن التحقق من إصدار Node.js باستخدام الأمر التالي في موجه الأوامر:

سوف تظهر النسخة المثبتة

نسخة NPM

للتحقق من إصدار npm، استخدم الأمر التالي:

سيظهر إصدار npm في الجهاز.

هذا كل شيء، يمكنك الآن البدء في تطوير التطبيقات من خلال إعداد بيئة Node.js.

جميع المستخدمين لا يستخدمون Windows لذا فمن المستحسن تلبية احتياجات الجميع. فيما يلي عملية تثبيت Node.js على نظام Mac.

كيفية تثبيت Node.js على ماك؟

بالنسبة للمستخدمين الذين يستخدمون Mac، يكون التثبيت هو نفسه تمامًا بالنسبة لنظام Windows. اذهب الى الموقع الرسمي للNode.js وقم بتنزيل الحزمة لنظام التشغيل Mac.

الخطوة 1: تنزيل مدير الحزم لنظام التشغيل Mac

تفضل بزيارة الموقع الرسمي لـ Node وقم بتنزيل MacOSInstaller الخاص بـ NodeJS:

https://nodejs.org/en/download/current

انقر على الزر المحدد في الشاشة أعلاه لبدء التنزيل.

يمكن للمستخدمين تحديد الموقع الذي سيتم تثبيته فيه.

الخطوة 2: تثبيت ملف Node.js .pkg

قم بتشغيل ملف التثبيت واتبع دليل التثبيت:

انقر فوق الزر 'تثبيت'، وسيبدأ تثبيت Node.js.

بعد الانتهاء من تثبيت NodeJS، سيظهر الملخص:

انقر فوق الزر 'إغلاق' لإنهاء التثبيت.

الخطوة 3: التحقق من تثبيت Node.js وإصداراته

للتحقق من تثبيت Node.js والتحقق من إصداره، استخدم الأمر التالي:

الخطوة 4: ترقية NPM عالميًا

قم بتنفيذ الأمر المكتوب أدناه لترقية NPM لجميع مستخدمي النظام باستخدام العلامة '–global':

الخطوة 5: قم بتعيين مسار العقدة إلى $PATH Variable

قم بتشغيل الأمر التالي لتعيين متغير PATH لـ NodeJS:

ملحوظة: في الأمر أعلاه، '/usr/local/bin' هو الموقع الذي تم تثبيت NodeJS فيه افتراضيًا.

الخطوة 6: تحديث تفاصيل PATH في ملف '.bash\_profile'

أضف تفاصيل المسار إلى '~/.bash\_profile' باستخدام الأمر الموضح أدناه:

الخطوة 7: قم بتحديث الملف ~/.bashrc

لإتاحته لجميع المستخدمين، قم بتنفيذ الأمر الموضح أدناه:

يتعلق الأمر بتثبيت NodeJS وإعداد متغير PATH في MacOS لـ NodeJS.

كيفية تثبيت Node.js على نظام التشغيل Linux؟

لتثبيت Node.js على أي نظام تشغيل Linux يستند إلى Debian، اتبع الإجراء خطوة بخطوة الموضح أدناه:

الخطوة 1: افتح المحطة

أولاً، قم بتشغيل الوحدة الطرفية باستخدام مفتاح اختصار لوحة المفاتيح 'CTRL+ALT+T':

الخطوة الثانية: تحديث النظام وترقيته

قم بتنفيذ الأمر المكتوب أدناه لتحديث وترقية مستودع النظام:

الخطوة 3: تثبيت Node باستخدام مدير الحزم apt

بعد تحديث مستودع النظام، قم بتثبيت Node.js من مدير حزم APT الرسمي باستخدام الأمر:

الخطوة 4: التحقق من تثبيت العقدة

بمجرد تثبيته، تحقق من التثبيت عن طريق التحقق من إصدار Node.js باستخدام الأمر الموضح أدناه:

الخطوة 5: تثبيت NPM

من الممارسات الجيدة تثبيت NPM مع NodeJS لأنه مطلوب في معظم الأوقات. يتوفر NPM أيضًا في مستودع APT الرسمي ويمكن تثبيته باستخدام الأمر المحدد:

الخطوة 6: التحقق من تثبيت NPM

تحقق من إصدار NPM أيضًا للتحقق من تثبيت NPM باستخدام الأمر التالي:

هذه هي الطريقة التي يمكنك من خلالها تثبيت Node وNPM على أنظمة تشغيل Linux المستندة إلى Debian.

كيفية كتابة برنامج Node.js الأول؟ (مرحبا بالعالم)

تم إعداد كل شيء للبدء في طريقنا لتطوير التطبيقات في Node.js. لنقم بإنشاء برنامجنا الأول الشائع جدًا. عندما يبدأ أي شخص في تعلم لغة أو إطار عمل جديد، عادةً ما يكون البرنامج الأول هو طباعة 'Hello World'. إن إلقاء التحية على الجميع بطريقة مختلفة هو شعور تمامًا وإخبارهم عن بداية رحلتنا الجديدة. فيما يلي الرمز للبدء:

لتنفيذ هذا البرنامج النصي للكود، استخدم الأمر التالي:

انتاج |

سيتم تسجيل بيان Hello World في الجهاز:

كيفية استيراد الوحدات الأساسية للعقدة؟

يتعين على المستخدمين استخدام وظيفة 'require()' لاستخدام الوحدة المطلوبة للعمل عليها في البرنامج النصي للتعليمات البرمجية الخاصة بهم. على سبيل المثال، إذا كان سيتم استخدام الوحدة النمطية 'fs' (نظام الملفات)، فسيكون سطر كود الاستيراد كما يلي:

سيؤدي هذا إلى استيراد جميع وظائف تلك الوحدة وتخزينها في المتغير fs وهو متغير ثابت يعني أنه لا يمكن تغيير محتواه في وقت التشغيل. ثم باستخدام المتغير 'fs' يمكن للمستخدم تنفيذ الوظائف المطلوبة.

لنقم الآن بإنشاء مثال تعليمي برمجي بسيط يتم فيه استيراد الوحدة النمطية واستخدام وظائفها في البرنامج النصي للتعليمات البرمجية.

مثال: استخدام وحدة HTTP

في هذا الكود:

• 'const http = require('http')' يستورد محتوى وحدة http ويخزنه في متغير ثابت 'http'.
• 'const httpServer = http.createServer((req, res) =>' ينشئ خادم HTTP بسيطًا ويضيف النص Hello World مع بعض HTML الأساسية. تقوم طريقة createServer بإنشاء خادم بوسيطين أحدهما هو الطلب على الخادم والآخر هو والثاني هو الاستجابة التي تم إنشاؤها لهذا الطلب.
• 'httpServer.listen(3000, () =>' يحدد المنفذ 3000 على المضيف المحلي ويسجل رسالة إلى الجهاز تفيد بأن الخادم نشط ويستمع على المنفذ 3000.

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

حيث App.js هو اسم الملف.

انتاج |

ستكون الرسالة الموجودة في الجهاز عند تشغيل هذا الرمز هي:

علينا الآن التحقق من الإخراج على جانب الخادم والتحقق مما إذا كانت الرسالة 'Hello World' مطبوعة هناك أم لا:

تمت طباعة الرسالة بنجاح على الخادم وتم تعديل الخط باستخدام بعض HTML الأساسي.

Node.js: الوحدات الأساسية

بعض وحدات Node.js هي:

• http: يسمح بإنشاء خادم HTTP في Node.js
• يجزم: مجموعة من وظائف التأكيد تساعد في المقام الأول في الاختبار
• خ م: يسمح بمعالجة عمليات الملف
• طريق: مجموعة من الطرق التي تتعامل مع مسارات الملفات
• عملية: فهو يوفر معلومات وعناصر تحكم حول عملية Node.js الحالية
• أنت: فهو يوفر معلومات بخصوص نظام التشغيل
• سلسلة الاستعلام: أداة تستخدم لتحليل وتنسيق سلاسل استعلام URL
• رابط: توفر هذه الوحدة أدوات لتحليل عنوان URL وتحليله

كيفية تثبيت حزم NPM؟

يساعد NPM (Node Package Manager) في إدارة واستخدام مكتبات أو أدوات الطرف الثالث في مشروع Node.js. اتبع الخطوات أدناه لتثبيت حزم NPM.

الخطوة 1: تثبيت الحزمة المطلوبة

لنقم بتثبيت الوحدة السريعة الشائعة جدًا لتطوير تطبيقات الويب في Node.js. لتثبيت Express استخدم الأمر:

سيقوم سطر الأوامر هذا بتثبيت الوحدة السريعة في مجلد المشروع الخاص بك.

الخطوة 2: احفظ الوحدة في Package.json

يقوم NPM تلقائيًا بتحديث ملف package.json بالتبعية الجديدة. إذا كنت تريد حفظه بشكل صريح كتطوير لتبعية المشروع، فاستخدم العلامتين –save-dev أو –save.

لماذا تعد حزم NPM مهمة؟

تعتبر حزم NPM مهمة جدًا في بيئة تطوير Node.js. فيما يلي الأسباب المحتملة:

• إمكانية إعادة استخدام الكود: تحتفظ حزم NPM بسجل للكود الذي يمكن استخدامه مرة أخرى. إنها توفر وقت المطورين من خلال تقديم أساليب جاهزة ومحسنة.
• إدارة التبعية: NPM يسهل التعامل مع متطلبات المشروع. توجد قائمة متطلبات المشروع في ملف package.json مما يسهل استخدام متطلبات المشروع ومشاركتها.
• مساهمة المجتمع: يساعد NPM في بناء مجموعة كبيرة من المطورين الذين يشاركون أعمالهم مع الآخرين لاستخدامها في العديد من حزم البرامج المجانية. تعمل هذه المساهمة الجماعية على تسريع فترة تطوير التطبيق.
• التحكم في الإصدار: يتيح لك NPM كتابة إصدار الحزمة لمشروعك. وهذا يضمن العمل السلس والتعامل مع التغييرات المطلوبة.
• الكفاءة والاتساق: يؤدي استخدام الحزم الفعالة إلى تعزيز كفاءة المشروع ويسمح بالحفاظ على اتساق التعليمات البرمجية عبر فريق التطوير.

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

كيف تبدأ مع Express JS؟

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

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

لتثبيت Express استخدم الأمر التالي في المحطة:

سيتم تثبيت الوحدة السريعة إذا كانت مثبتة بالفعل، فسيقوم هذا الأمر بتحديث الوحدة

الخطوة 2: اختبار الوحدة السريعة في التطبيق

ستقوم الخطوة أعلاه بتثبيت Express في مجلد الحزمة ويمكن للمستخدم استخدام الوحدة عن طريق استيرادها في البرنامج النصي للكود باستخدام الوحدة النمطية 'يتطلب' كما

لنختبر نصًا برمجيًا بسيطًا يستخدم وظيفة الوحدة Express:

في الكود أعلاه:

• ' ثابت صريح = يتطلب ('سريع') ' يستورد الوحدة النمطية السريعة ويخزنها في متغير ثابت 'express'، والذي يمكننا من خلاله استخدام الوظائف المرتبطة بهذه المكتبة.
• ' تطبيق ثابت = صريح () 'يتم استخدامه لتحديد تطبيق سريع.
• 'app.get('/', (req, res) =>' يحدد المسار للتطبيق السريع لإرسال الاستجابة 'مرحبا اكسبرس' إلى التطبيق السريع.
• الميناء 3000 تم تحديده في المتغير الثابت المسمى 'المنفذ' على المضيف المحلي.
• 'app.listen (المنفذ، () =>' يقوم بإنشاء مستمع على المنفذ 3000 ويسجل رسالة على الجهاز بأن الخادم يستمع على المنفذ المحدد.

انتاج |

لتشغيل هذا التطبيق استخدم الأمر أدناه:

سوف يظهر الإخراج في المحطة كما

لذا فإن الخادم نشط ويستمع على المنفذ 3000 للمضيف المحلي. سيؤدي الوصول إلى هذا الرابط في المتصفح إلى إظهار الإخراج كـ

يتعلق الأمر كله بالوحدة السريعة لكيفية تثبيتها وإنشاء تطبيق وبدء تشغيل منفذ الخادم.

كيفية تقديم الملفات الثابتة في اكسبرس؟

في Express، تُستخدم الدالة Express.static() لعرض الملفات الثابتة مثل HTML وCSS والصور وما إلى ذلك. وفيما يلي عملية عرض الملفات الثابتة في Express.

الخطوة 1: إنشاء مشروع

قبل البدء تأكد من تثبيت Express، وإذا لم يكن الأمر كذلك، فيمكنك تشغيل الأمر التالي:

سيقوم هذا الأمر بتثبيت الوحدة النمطية السريعة محليًا في المجلد Node_modules وتحديثها في ملف package.json.

الخطوة 2: إنشاء ملف للملفات الثابتة

ثانيا، قم بإنشاء مجلد في دليل العمل. قم بإنشاء مجلد باسم public لتخزين الملفات الثابتة التي سيتم عرضها. ضع كافة ملفات HTML وCSS الثابتة في هذا الدليل لعرضها.

الخطوة 3: إعداد Express لعرض الملفات الثابتة

استخدم طريقة Express.static() لتحديد الدليل للملفات الثابتة التي يريد المستخدم عرضها.

يستخدم عرض الملف نصين برمجيين، أحدهما للواجهة الخلفية والذي يأخذ كود HTML الموجود في المجلد العام. يتم الحفاظ على كود HTML بسيطًا حيث ينصب تركيزنا الرئيسي على الواجهة الخلفية.

البرنامج النصي Node.js

في هذا الكود:

• ''const Express = require('express')' يستورد الوحدة النمطية السريعة في البرنامج النصي لاستخدام وظائفها.
• 'تطبيق const = Express ()' يبدأ التطبيق
• 'app.use(express.static('public'))' يحدد الدليل لجلب الملفات وتزويدها بالتطبيق السريع لاستخدامها وعرضها.
• الميناء 3000 تم تحديده للتطبيق السريع.
• ':app.listen(المنفذ، () =>' يشير إلى أن الخادم نشط ويستمع في المنفذ المحدد عن طريق تسجيل الرسالة.

HTML النصي