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

منذ 5 سنوات imadbelasri Nodejs
NS

فهاد الدرس الثالت من دورة 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');
                                                        
                                                    

دروس ذات صلة

NS

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

فهاد الدرس الأول من دورة nodejs للمبتدئين غادي نشوفوا شنو هي node js لي كتمكنا باش نخدمو ب...


NS

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

فهاد الدرس الثاني من دورة nodejs للمبتدئين غادي نشوفوا كيفاش نتعاملو مع الملفات.غادي نشوفوا كي...


NS

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

فهاد الدرس السادس من دورة node js للمبتدئين غادي نكملو الدورة ديالنا منبعد ما شفنا كيفاش زدنا قاعدة...


NS

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

فهاد الدرس السابع من دورة nodejs للمبتدئين غادي نكملو الدورة ديالنا غادي نشوفوا دبا كيفاش نسترجعوا ا...


NS

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

فهاد الدرس الثامن من دورة nodejs للمبتدئين غادي نكملو الدورة ديالنا منبعد مشفنا كيفاش نست...


NS

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

فهاد الدرس التاسع لي غادي يكون مقدمة بسيطة على واحد ل framework js لي هي express js ولي كنخدمو بها م...


NS

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

فهاد الدرس العاشر من دورة nodejs للمبتدئين غادي نكملو الدورة ديالنا وغادي نشوفوا كيفاش نزيدو des pag...


NS

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

فهاد الدرس الحادي عشر من دورة nodejs للمبتدئين غادي نكملو الإضافة ديال الصفحات ديالنا من بعد ما زدنا...


NS

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

فهاد  الدرس الثاني عشر من دورة nodejs للمبتدئين غادي نكملوا ل projet ديالنا غادي نزيدو la page لي غا...


NS

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

فهاد الدرس الثالت عشر من دورة nodejs للمبتدئين غادي نكملو الدورة ديالنا غادي نشوفوا كيفاش نديرو la c...