إنشاء تطبيق Node.js الأول: دليل خطوة بخطوة للمبتدئين

أصبحت Node.js واحدة من أهم تقنيات بناء التطبيقات الخلفية (Back-end) في عالم تطوير الويب. باستخدام Node.js، يمكنك استخدام JavaScript، اللغة الشائعة في تطوير الويب الأمامي (Front-end)، لبناء تطبيقات خادمة تعمل على الخوادم. في هذا المقال، سنرشدك خطوة بخطوة لبناء أول تطبيق لك باستخدام Node.js.

ما هو Node.js؟

Node.js هي بيئة تشغيل مفتوحة المصدر تسمح بتشغيل JavaScript على الخوادم، مما يعني أنه يمكن استخدامها لتطوير تطبيقات خادمة مثل واجهات برمجة التطبيقات (APIs)، مواقع الويب، وتطبيقات الوقت الحقيقي (real-time applications). تقدم Node.js أداءً عالياً بفضل هيكلها غير المتزامن (asynchronous) القائم على الأحداث، والذي يسمح لها بإدارة عدد كبير من العمليات في وقت واحد دون الحاجة إلى إنشاء خيوط متعددة لكل عملية.

الخطوة 1: تثبيت Node.js

قبل البدء في بناء تطبيقك الأول، يجب عليك تثبيت Node.js على جهازك. قم بزيارة الموقع الرسمي لـ Node.js وقم بتنزيل الإصدار المناسب لنظام التشغيل الذي تستخدمه (Windows، macOS، أو Linux). اختر إصدار LTS للحصول على النسخة الأكثر استقراراً.

بمجرد تنزيل ملف التثبيت، قم بتشغيله واتبع التعليمات لإكمال عملية التثبيت. بعد التثبيت، افتح سطر الأوامر (Command Line) للتحقق من تثبيت Node.js وNPM (مدير الحزم الخاص بـ Node.js) بنجاح باستخدام الأوامر التالية:

node -v
npm -v

إذا ظهرت لك إصدارات Node.js وNPM، فأنت جاهز للبدء.

الخطوة 2: إنشاء مشروع جديد

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

mkdir my-first-node-app
cd my-first-node-app

الآن، قم بتشغيل أمر npm init لتهيئة مشروع Node.js. سيسألك npm بعض الأسئلة الأساسية حول مشروعك. يمكنك الضغط على مفتاح الإدخال لقبول القيم الافتراضية.

npm init

بعد الانتهاء من هذا الأمر، سيتم إنشاء ملف package.json يحتوي على جميع المعلومات الضرورية حول مشروعك وإدارته.

الخطوة 3: إنشاء ملف JavaScript الأساسي

بعد تهيئة مشروعك، حان الوقت لكتابة أول ملف JavaScript. أنشئ ملفًا جديدًا باسم app.js داخل مجلد المشروع. في ملف app.js، اكتب الكود التالي:

const http = require('http');

// إنشاء الخادم
const server = http.createServer((req, res) => {
    res.statusCode = 200;
    res.setHeader('Content-Type', 'text/plain');
    res.end('مرحباً بك في أول تطبيق Node.js الخاص بك!\n');
});

// تشغيل الخادم على المنفذ 3000
server.listen(3000, '127.0.0.1', () => {
    console.log('الخادم يعمل على http://127.0.0.1:3000/');
});

هذا الكود ينشئ خادم HTTP بسيط يستخدم وحدة http المدمجة في Node.js. عندما يتلقى الخادم طلبًا، سيرسل استجابة تحتوي على رسالة نصية.

الخطوة 4: تشغيل تطبيق Node.js

الآن بعد أن كتبت أول كود للتطبيق، حان الوقت لتشغيله. افتح سطر الأوامر وتأكد من أنك داخل مجلد المشروع. ثم قم بتشغيل التطبيق باستخدام الأمر التالي:

node app.js

إذا كان كل شيء يعمل بشكل صحيح، سترى الرسالة التالية في سطر الأوامر:

الخادم يعمل على http://127.0.0.1:3000/

قم بفتح متصفح الويب والانتقال إلى الرابط http://127.0.0.1:3000/. يجب أن ترى الرسالة معروضة في المتصفح.

الخطوة 5: إدارة الحزم باستخدام NPM

لإضافة مكتبة Express.js لمشروعك، استخدم الأمر التالي:

npm install express

بعد تثبيت Express، يمكنك تعديل app.js لاستخدام Express بدلاً من وحدة http المدمجة:

const express = require('express');
const app = express();

app.get('/', (req, res) => {
    res.send('مرحباً بك في تطبيقك Node.js باستخدام Express!');
});

app.listen(3000, () => {
    console.log('الخادم يعمل على http://localhost:3000/');
});

الخطوة 6: استخدام Nodemon لتحديثات تلقائية

لتثبيت nodemon، استخدم الأمر التالي:

npm install -g nodemon

قم بتشغيل تطبيقك باستخدام nodemon بدلاً من node:

nodemon app.js

خاتمة

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