20

كيف أربط Node.js في الموقع؟

السلام عليكم ..

بدأت بتعلّم Node.js , لكني لم أعلم كيف يمكنني دمجها فعلياً في الموقع ..

يعني : غالبُ الكتب التي قرأتها تمكّنني من تحميل Node.js وكتابة البرامج وتشغليها عن طريق الـ Command line ..

لكني لم أعرف كيف لي أن أدمج هذا البرنامج ليعمل مع باقي اجزاء الموقع من HTML , CSS , JS ..

شكراً لكم , واعذروني لقلّة خبرتي :)

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

18

مرحبا اخي,,

يوجد ل node js اطار عمل لتطبيقات الوب وهو express

هنا ستجد عدة مصادر لتعمل اطار العمل .

وبعد تعلمك ذلك ,, هنا مقال كيفية تشغل السيرفر كخدمة بالخلفية. ليعمل الى الابد "الا اذا حدث خلل في السيرفر"

شكراً لكَ صديقي :) .. لكنّي لم أعرف إلى الآن كيف تعمل Node.js بتناسق مع ملفات HMTL + CSS + JS ..

16

اضطررت لإعادة كتابة التعليق من أجل تحسين تنسيق الكود، بسبب انقضاء المدة المسموحة لتعديل التعليق السابق (ولا طريقة لحذفه على ما يبدو؟)

Node.js بيئة تستخدم غالباً على الخوادم مع إطار عمل مثل Express، بمعنى أنك عندما تستخدم Node.js فأنت تبني الخادم Server، وتوفر وِجهات Routes تقود المستخدم إلى أقسام الموقع.

يجب أن يكون Express مثبتاً ضمن مجلد المشروع نفسه وذلك عبر الانتقال في سطر الأوامر إلى المجلد المعني الذي يحوي الملف app.js مستخدماً شيئاً مثل cd ~/project/ ثم الأمر npm install express.

مثال على كيفية عرض صفحة رئيسية:

أنشئ ملفاً وسمّه app.js مثلاً

اكتب فيه:

var http = require('http');
var express = require('express');
var app = express();
app.get('/', function(req, res){
    res.sendfile('./index.html');
});
http.createServer(app).listen(3000, function(){});

ثم أنشئ ملف html سمه index.html في نفس موقع الملف السابق وأضف إليه ما تشاء من مكتبات JavaScript وملفات CSS، وشغل التطبيق من سطر الأوامر بكتابة node app اذهب إلى الموقع على العنوان http://localhost:3000

وستجد ملف HTML الذي كتبته، بالطبع هذه طريقة مبدئية وما زال بإمكانك تحسينها بطرق عديدة مثل استخدام لغة قولبة مثل jade وإضافة عناوين أخرى... لشرح محتويات ملف app.js: - السطر الأول يطلب استخدام وحدة http من Node، وهي الوحدة المسؤولة عن طلبات http... نستخدمها هنا لإنشاء خادم (وهو ما نفعله في السطر الأخير على المنفذ 3000) - السطر الثاني يطلب استخدام إطار العمل express. - السطر الثالث ينشئ (تطبيق) Express، وهو ببساطة الأساس الذي ستبني عليه الموجهات... - السطور الثلاثة التالية تنشئ ترسل الملف index.html ليعرض في المتصفح عندما يطلب المستخدم الوِجهة / من الخادم، وهي ببساطة الصفحة الرئيسية. كيف ينتقل المستخدم إلى الصفحة /another_page مثلاً؟ يمكنك إضافة ثلاثة سطور مشابهة:

app.get('/another_page', function(req, res){
    res.sendfile('./whatever_page.html');
});
  • السطر الأخير كما ذكرت يبدأ الخادم، وبدونه لا يمكن أن يعمل الموقع

يمكنك التوسع ورؤيو ما يمكن أن يقدمه لك إطار العمل express على الصفحة الرئيسية

13

Node.js بيئة تستخدم غالباً على الخوادم مع إطار عمل مثل Express، بمعنى أنك عندما تستخدم Node.js فأنت تبني الخادم Server، وتوفر وِجهات Routes تقود المستخدم إلى أقسام الموقع.

يجب أن يكون Express مثبتاً ضمن مجلد المشروع نفسه وذلك عبر الانتقال في سطر الأوامر إلى المجلد المعني الذي يحوي الملف app.js مستخدماً شيئاً مثل cd ~/project/ ثم الأمر npm install express.

مثال على كيفية عرض صفحة رئيسية:

أنشئ ملفاً وسمّه app.js مثلاً

اكتب فيه:

var http = require('http');

var express = require('express');

var app = express();

app.get('/', function(req, res){

res.sendfile('./index.html');

}); http.createServer(app).listen(3000); ثم أنشئ ملف html سمه index.html في نفس موقع الملف السابق، وشغل التطبيق من سطر الأوامر بكتابة node app اذهب إلى الموقع على العنوان http://localhost:3000

وستجد ملف HTML الذي كتبته، بالطبع هذه طريقة مبدئية وما زال بإمكانك تحسينها بطرق عديدة مثل استخدام لغة قولبة مثل jade وإضافة عناوين أخرى... لشرح محتويات ملف app.js: - السطر الأول يطلب استخدام وحدة http من Node، وهي الوحدة المسؤولة عن طلبات http... نستخدمها هنا لإنشاء خادم (وهو ما نفعله في السطر الأخير على المنفذ 3000) - السطر الثاني يطلب استخدام إطار العمل express. - السطر الثالث ينشئ (تطبيق) Express، وهو ببساطة الأساس الذي ستبني عليه الموجهات... - السطور الثلاثة التالية تنشئ ترسل الملف index.html ليعرض في المتصفح عندما يطلب المستخدم الوِجهة / من الخادم، وهي ببساطة الصفحة الرئيسية. كيف ينتقل المستخدم إلى الصفحة /another_page مثلاً؟ يمكنك إضافة ثلاثة سطور مشابهة: app.get('/another_page', function(req, res){ res.sendfile('./whatever_page.html');

});

  • السطر الأخير كما ذكرت يبدأ الخادم، وبدونه لا يمكن أن يعمل الموقع

يمكنك التوسع ورؤيو ما يمكن أن يقدمه لك إطار العمل express على الصفحة الرئيسية

وانا أيضآ أريد معرفة كيفية الأستخدام أتمنى لو تفيدونا اخوانا بتطبيق عملى بسيط مع php لفهم اسولب عمل Node.Js وما الاهداف الهامة التى يقدمها

أرجوا من عبد المهيمن الآغا أن يدلّني -إنْ كانت لديه الخبرة- :)

-3

ليست لدي خلفيه كبيره على النودس ولكن ما اعرفه انك ستحتاج الى رفع جميع ملفات الخاصه بالنود على السيرفر لديك ومن ثم استدعائها من السركبت لديك وهو شيء سيصعب عليك ربطه

بالتوفيق

-3

انا ايضا ليس لدي اي خلفي عن نود, لكن بما انه مكتبة من جافاسكريبت ارفع مكتبة النود الى ملف موقعك ولابد ان يوجد كود معين للربط.