nodejs创建http服务器

之前有简单介绍nodejs的一篇文章（http://www.cnblogs.com/fangsmile/p/6226044.html）

HTTP服务器

Node内建有一个模块，利用它可以很容易创建基本的HTTP服务器。请看下面案例。

my_web_server.js 

1 var http = require('http');
2 http.createServer(function (req, res) {
3   res.writeHead(200, {'Content-Type': 'text/plain'});
4   res.end('Hello World\n');
5 }).listen(8080);
6 
7 console.log('Server running on port 8080.');

在上面，我说是的基本HTTP服务器。该例中所创建的并不是一个功能全面的HTTP服务器，它并不能处理任何HTML文件、图片。事实上，无论你请求什么，它都将返回“Hello World”。你运行该代码，并在浏览器中输入“http://localhost:8080”，你将看见该文本。 

$ node my_web_server.js  

现在你可能已经注意到一些不一样的东西。你的Node.js应用并没有退出。这是因为你创建了一个服务器，你的Node.js应用将继续运行，并响应请求，直到你关闭它。

如果你希望它成为一个全功能的Web服务器，你必须检查所收到的请求，读取合适的文件，并返回所请求的内容。

首先实现一个处理静态资源的函数，其实就是对本地文件的读取操作，这个方法已满足了上面说的静态资源的处理。

var http = require('http');  
var fs = require("fs");
http.createServer(function (req, res) {  
    staticResHandler("G:/nodemodule/home_index.html", "html", res)
}).listen(8080);  
function staticResHandler(localPath, ext, response) {
    fs.readFile(localPath, "binary", function (error, file) {
        if (error) {
            response.writeHead(500, { "Content-Type": "text/plain" });
            response.end("Server Error:" + error);
        } else {
            response.writeHead(200, { "Content-Type": 'text/html' });
            response.end(file, "binary");
        }
    });
}
console.log('Server running on port 8080.');

进一步使用nodejs创建web服务器处理get、post请求

 

path.js ：

 

 

 var http = require('http');
 var fs = require('fs');
 var assert = require('assert');
 var path = require('path');
 var url = require('url');
  
 var config = {
    port:81
 }
 var sum = 0;
 var response = {
    "content":[
        {
            "type":"11111",
            "name":"hello world"
        },
        {
            "type":"22222",
            "name":"world Map"
        }
         
    ]
}
  
 http.createServer(function(req,res){
    sum ++;
    var pathName = url.parse(req.url).pathname;
    var localPath = "";
    var ext = path.extname(pathName);
    var Type = req.method;
    if(Type =='POST'){
        var resData = {};
        var body = '';
        req.on('data',function(data){
            body += data;
            console.log('data' + data);
        });
        req.on('end',function(data){
            var len = body.split('&').length;
            if(len > 0){
                for(var i=0;i<len;i++){
                    var key = body.split('&')[i];
                    resData[key.split('=')[0]] = key.split('=')[1];                         
                }
            }
            res.writeHead(200,{'Content-Type':'application/x-json'});
            res.end(JSON.stringify(resData),'binary');  
        });
             
    }
    else if(Type =='GET'){
        if(pathName =='/'){
            pathName = '/html/index.html';
        }
        if(ext.length > 0){
            localPath = '.' + pathName;
        }
        else{
            localPath ='./src' + pathName;
        }
        console.log('localPath:' + localPath);
        fs.exists(localPath,function(exists){
            if(exists){
                console.log(localPath + ' is exists');
                fs.readFile(localPath,'binary',function(err,file){
                    if(err){
                        res.writeHead(500,{'Content-Type':'text/plain'});
                        res.end('server Error:' + err);
                    }
                    else{
                        res.writeHead(200,{'Content-Type':getContentTypeByExt(ext)});
                        if(ext === '.json'){
                            res.end(JSON.stringify(response),'binary');
                        }
                        else{
                            res.end(file,'binary');
                        }
                     
                    }
                })
            }
            else{
                res.writeHead(400,{'Content-Type':'text/plain'});
                res.end('404:File Not found');
            }
         
         
    })
    }
     
     
 }).listen(config.port);
  
function getContentTypeByExt(ext) {
    ext = ext.toLowerCase();
    if (ext === '.htm' || ext === '.html')
        return 'text/html';
    else if (ext === '.js')
        return 'application/x-javascript';
    else if (ext === '.css')
        return 'text/css';
    else if (ext === '.jpe' || ext === '.jpeg' || ext === '.jpg')
        return 'image/jpeg';
    else if (ext === '.png')
        return 'image/png';
    else if (ext === '.ico')
        return 'image/x-icon';
    else if (ext === '.zip')
        return 'application/zip';
    else if (ext === '.doc')
        return 'application/msword';
    else if (ext === '.json')
        return 'application/x-json';
    else
        return 'text/plain';
}
  
 console.log('new server is running: http://127.0.0.1:81')

 

 index.html 

<html>
<head>
<title>Sample Page</title>
 <meta charset="UTF-8">
</head>
<link rel="stylesheet" href="../css/index.css"/>
<body>
Hello World!
<div class="music_class">
    <img src="../img/music_class.png" alt="分类图片"/>
</div>
<div>
    <div>get请求获取的数据：</div>
    <ul class="music_category_list">
    </ul>
</div>
<div>
    <button class='postClick'>点击POST请求</button>
    <div class='postDiv'>
        <span>post请求获取的数据：</span>
        <span class='postData'></span>
    </div>
</div>
</body>
<script src="../js/lib/jquery-1.11.3.min.js"></script>
<script src="../js/page/index.js"></script>
</html>

 index.js 

$(document).ready(function(){
    function createEle(){
        var img = new Image();
        img.src = "../img/music_hot.png";
        img.onload = function(){
            var imgDom = '<img src="../img/music_hot.png"/>';
            $('.music_class').append(imgDom);
        }   
    }
    createEle();
    (function getDate(){
        var XHR = $.ajax({
                timeout : 20000,
                dataType : 'json',
                type : 'GET',
                url : '../package.json',
                data : '',
                beforeSend : function (request) {
                    request.setRequestHeader('Content-Type', 'application/json; charset=UTF-8')
                },
                complete : function(XMLHttpRequest, status) {
                    if (status == 'timeout') {
                        //theUIApp.tip($("body"), "网络异常，请检查网络");
                        util.toast("网络异常，请检查网络");
                    }
                },
                success : function (result) {
                    var LiLength = result.content.length;
                    if(LiLength > 0){
                        for(var i=0;i<LiLength;i++){
                            var inp = '<li>' + result.content[i].name + '</li>';
                            $('.music_category_list').append(inp);
                        }
                    }                   
                },
                error : function (result) {
                    console.log(result)
                }               
            });
    })();
     
    $('.postClick').click(function(){
        Post();
    })
     
    function Post(){
        var option = {
            name:'zhangsan',
            age:'15'
        }
        var XHR = $.ajax({
            timeout : 20000,
            dataType : 'json',
            type : 'POST',
            url : '../package.json',
            data : option,
            beforeSend : function (request) {
                request.setRequestHeader('Content-Type', 'application/json; charset=UTF-8')
            },
            complete : function(XMLHttpRequest, status) {
                if (status == 'timeout') {
                    //theUIApp.tip($("body"), "网络异常，请检查网络");
                    util.toast("网络异常，请检查网络");
                }
            },
            success : function (result) {
                if(result){
                    $('.postData').text(result.name);
                }                   
            },
            error : function (result) {
                console.log(result)
            }               
        });
    }
})

index.css 

@charset "utf-8";
html{ height: 100%}
body{
    font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
    font-size:3.5rem;
}
li{
    list-style-type:none;
}
.music_class{
    width:100%;
    margin:10px;
}
.music_class img{
    width:95%;
}
.music_category_list{
    margin:10px;
}
.music_category_list li{
    width:95%;
    margin:5px;
    padding:5px;
    border:2px solid #ccc;
}
.postData{
    width:100%;
    color:blue;
    fonst-size:20px;
    text-align:center;
}
button{
    font-size:30px;
    width:300px;
    height:100px;
}

 

 建议服务器的相关代码下载地址：https://files.cnblogs.com/files/fangsmile/nodejs-http%E6%9C%8D%E5%8A%A1%E5%99%A8.zip

 下载下来运行：node path    然后访问 http://127.0.0.1:81/index.html