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


فهاد الدرس الثالت من دورة node js غادي نشوفوا كيفاش نزيدو des pages ف serveur ديالنا لي زدنا منبعد غادي نشوفوا كيفاش نعرضوا هاد les pages كل مرة كتبنا اسم la page فل url.


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

فغادي نزيدو ملف جديد فل projet ديالنا سميه index.html زيد فيه code html من بعد باش نفتحوا كنتحقق يلا كان ل url كيساوي / كنفتح لملف بل fonction readFile لي سبق وشفنا وكنقرا المحتوى ديالو كيف كنشوف فالصورة :



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

                                var http = require('http');
var fs = require('fs');


http.createServer(function(req,res){
    if(req.url === '/'){
        fs.readFile('./index.html','UTF-8',(err,data)=>{
            res.writeHead(200,{'Content-Type':'text/html'});
            res.end(data);
        });
    }

}).listen(3000);
console.log('server starts at port 3000');
                            

2- إضافة الصفحة about.html

فغادي نزيدو ملف جديد فل projet ديالنا سميه about.html زيد فيه code html من بعد باش نفتحوا كنتحقق يلا كان ل url كيساوي about/ كنفتح لملف بل fonction readFile لي سبق وشفنا وكنقرا المحتوى ديالو كيف كنشوف فالصورة :


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

                                var http = require('http');
var fs = require('fs');


http.createServer(function(req,res){
    if(req.url === '/'){
        fs.readFile('./index.html','UTF-8',(err,data)=>{
            res.writeHead(200,{'Content-Type':'text/html'});
            res.end(data);
        });
    }else if(req.url ==='/about'){
        fs.readFile('./about.html','UTF-8',(err,data)=>{
            res.writeHead(200,{'Content-Type':'text/html'});
            res.end(data);
        });
    }

}).listen(3000);
console.log('server starts at port 3000');
                            

3- إضافة الصفحة contact.html

فغادي نزيدو ملف جديد فل projet ديالنا سميه contact.html زيد فيه code html من بعد باش نفتحوا كنتحقق يلا كان ل url كيساوي contact/ كنفتح لملف بل fonction readFile لي سبق وشفنا وكنقرا المحتوى ديالو كيف كنشوف فالصورة :



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

                                var http = require('http');
var fs = require('fs');


http.createServer(function(req,res){
    if(req.url === '/'){
        fs.readFile('./index.html','UTF-8',(err,data)=>{
            res.writeHead(200,{'Content-Type':'text/html'});
            res.end(data);
        });
    }else if(req.url ==='/about'){
        fs.readFile('./about.html','UTF-8',(err,data)=>{
            res.writeHead(200,{'Content-Type':'text/html'});
            res.end(data);
        });
    }else{
        fs.readFile('./contact.html','UTF-8',(err,data)=>{
            res.writeHead(200,{'Content-Type':'text/html'});
            res.end(data);
        });
    }

}).listen(3000);
console.log('server starts at port 3000');
                            

4- عرض رسالة خطا في حالة عدم وجود الصفحة

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

                                    var http = require('http');
var fs = require('fs');


http.createServer(function(req,res){
    if(req.url === '/'){
        fs.readFile('./index.html','UTF-8',(err,data)=>{
            res.writeHead(200,{'Content-Type':'text/html'});
            res.end(data);
        });
    }else if(req.url ==='/about'){
        fs.readFile('./about.html','UTF-8',(err,data)=>{
            res.writeHead(200,{'Content-Type':'text/html'});
            res.end(data);
        });
    }else if(req.url === '/contact'){
        fs.readFile('./contact.html','UTF-8',(err,data)=>{
            res.writeHead(200,{'Content-Type':'text/html'});
            res.end(data);
        });
    }else{
        res.writeHead(404,{'Content-Type':'text/plain'});
        res.end('404 PAGE INTROUVABLE');
    }

}).listen(3000);
console.log('server starts at port 3000');