使用Node.js实现一个简单的web服务器

时间:2022-06-01 22:10:27

这是使用Node.js写的一个简单Web服务器示例,分为三部分:

  1. 响应http请求
  2. 路由url
  3. 读取静态文件响应

新建一个app.js文件作为此web服务器的入口。

响应http请求

首先我们引入http模块,创建一个http服务器。

const http = require('http');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello World\n');
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

http的createServer方法接收一个函数作为参数。此函数有两个参数request和response,它将用来处理和响应http请求。

示例里response做了简单的三件事:

  1. res.statusCode=200:设置响应码statusCode为200
  2. res.setHeader("Content-Type","text/plain"):设置响应头Content-Type为text/plain。
  3. res.end('Hello World\n'):最后使用res.end()方法向请求返回文本。

server.listen指定服务器监听的端口。

这样一个可以用来接收http请求和做出简单响应的web服务器就完成了。

启动web服务器

node app.js

在浏览器输入http://127.0.0.1:3000

路由url

对一个wen服务器来说,需要接收不同的url,根据url不同返回请求内容,即路由。

const server = http.createServer((req, res) => {
    route(req,res);
});

const ROUTES = [
    {path:"",content:"<html><head><meta charset='UTF-8' ></head><body><a href='en'>english</a><br /><a href='cn'>中文</a></body></html>"},
    {path:"/en",content:"Welcome to the world of Node.js!"},
    {path:"/cn",content:"<html><head><meta charset='UTF-8' ></head><body>欢迎进入Node.js的世界!</body></html>"}
]

function route(req,res) {
    let requestUrl = req.url;
    const match = requestUrl.match(/\/+$/);
    if(match) {
        requestUrl = requestUrl.substring(0,match.index);
    }

    for(let route of ROUTES) {  //查询route的url
        if(route.path == requestUrl) {
            responseText(res,StatusCode.SUCCESS, route.content);
            return;
        }
    }
    responseText(res,StatusCode.NOTFOUND,"Page Not Found.");
}

function responseText(res, statusCode, text) {
    res.statusCode = statusCode;
    res.setHeader('Content-Type', 'text/html');
    res.end(text);
}

现在处理的代码移到route函数里,由route对url处理,根据不同的url返回响应的内容。

其中,ROUTES常量配置了不同url对应的返回内容。当在ROUTES找不到对应的url,返回404。

这样就完成了一个简单的路由。

读取静态文件响应

很明显,上面的路由需要我们配置所有的url。在现实项目里,我们会根据不同的url,然后路由到url对应的文件(html,js,css)。这一步我们会修改路由,让路由由url转换为对应的文件,然后返回文件内容。

/**
 * 此函数根据url路由到对应的文件,并响应文件内容
 */
function routeToFile(req,res) {
    let requestUrl = req.url;
    const match = requestUrl.match(/\/+$/);
    if(match) {
        requestUrl = requestUrl.substring(0,match.index);
    }

    let filePath;
    //如果请求的url没有后缀,返回目录下的index.html
    if(path.extname(requestUrl)  == '') {
        filePath = path.join(wwwRoot,requestUrl, "index.html");
    } else {
        filePath = path.join(wwwRoot,requestUrl);
    }

    if(filePath) {
        //响应文件内容
        responseFile(res, filePath);
    }else {
        responseText(res,StatusCode.NOTFOUND, "Page Not Found");
    }
}

const fs = require("fs");
function responseFile(res,filePath) {
    fs.exists(filePath,(exists) => {
        if(exists) {
            //文件存在响应文件内容
            const stream = fs.createReadStream(filePath,{flags:"r",encoding:null});
            res.statusCode = StatusCode.SUCCESS;
            res.setHeader('Content-Type', getContentType(filePath));
            stream.pipe(res);
        } else {
            //文件不存在返回404
            responseText(res,StatusCode.NOTFOUND,"Page Not Found.");
        }
    });
}

const CONTENT_TYPES = [
    {ext:".js",contentType:"text/javascript"},
    {ext:".css",contentType:"text/css"},
    {ext:".html",contentType:"text/html"}
]
function getContentType(file) {
    let ext = path.extname(file);
    for(let ct of CONTENT_TYPES) {
        if(ct.ext == ext) {
            return ct.contentType;
        }
    }
    return "text/html";
}

这样一个简单的web服务器就完成了。

这只是一个简单的示例,在实际项目中,我们可以使用express来作为web服务器。