دورة nodejs للمبتدئين الدرس التاسع


فهاد الدرس التاسع لي غادي يكون مقدمة بسيطة على واحد ل framework js لي هي express js ولي كنخدمو بها مع node js باش كن créer des pages ف serveur ديالي ولي كنتمكن من انني نتنقل بيناتهم بطريقة سلسلة فغادي نشوفوا كيفاش ن installer و express js ومن بعد غادي ندوزو ل affichage des pages لي غادي يكونوا فهاد الجزء فقط اسماء منبعد غادي نزيدو صفحات حقيقة فأجزاء مقبلة.


1- تحميل وتثبيت express js

فباش ن installer express js كندير هاد ال commande :
npm install express --save
منبعد متزاد غادي نزيد fichier app.js فيه غادي نسترجع express وكن créer l'objet منبعد كنخدم بل objet لي زدنا هنا سميناه app كن créer serveur وكنعطيه ل port لي حددناه ف 3000.
فاش كن exécuter le fichier كنحصل على هاد النتيجة :


الكود لي زدنا هو :


                                var express = require('express')
var app = express()

app.listen(3000, function () {
  console.log('server started at port 3000')
});
                            

2- إضافة الصفحة الرئيسية

فباش نزيد la page principale كنزيد ل كود لي فيه كنحدد الصفحة الرئيسية ب / منبعد عندي req لي غادي نشوفوها منبعد و res لي هي response.
شنو الدور ديالها هي لي كتمكني ن afficher شنو بغيت فهنا حددنا فقط texte لي عبارة عن hello world.
فاش كن exécuter le fichier كنحصل على هاد النتيجة :


الكود لي زدنا هو :

                                var express = require('express')
var app = express()

app.get('/',function(req,res){
   res.send('Hello world');
});


app.listen(3000, function () {
  console.log('server started at port 3000')
});
                            

3- إضافة صفحات أخرى

فباش نزيد صفحة اخرى فكنحدد لإسم ديالها من بعد / فهنا قلنا لل app بلي ملي يكون ل url على هاد الشكل contact/ كنعرض الصفحة contact ولي هنا حددناها ف texte عبارة على contact page.

فاش كن exécuter le fichier كنحصل على هاد النتيجة :


فممكن تزيد des pages بنفس الطريقة وفالجزء القادم غادي نشوفوا كيفاش نزيدو الصفحات بطريقة مغايرة.
الكود لي زدنا هو :

                                var express = require('express')
var app = express()

//page index
app.get('/',function(req,res){
  res.send('Hello world');
});
//contact page
app.get('/contact',function(req,res){
  res.send('Contact page');
});
//create server
app.listen(3000, function () {
  console.log('server started at port 3000')
});