Node.js搭建WEB服务器的示例代码

2024-09-02 12:20:51

字体：大中小

来源：转载

供稿：网友

前言

这几天为了熟悉vue.js框架，还有webpack的使用，就准备搭建一个发布和浏览markdwon的简单WEB应用。原本是想着用bash脚本和busybox的httpd来作为后台服务，但是bash脚本解析和生成JSON非常不方便，而用Java语言写又觉得部署不方便，所以就想到了正在用到的Node.js，于是就有了这篇博文。（文末有本文代码的github地址）

简单例子

首先，从搭建最简单的 Hello world 开始，建立以下目录、文件和内容。

建立项目及运行

project

web-server+ | - server.js

server.js

const http = require('http');http.createServer(function(request, response) { // 设置响应头 response.writeHeader(200, {  "Content-Type" : "text/plain" }); // 响应主体为 "Hello world!" response.write("Hello world!"); response.end();})// 设置监听端口为9000.listen(9000);

现在，在项目目录运行下面命令来执行 server.js ，浏览器地址栏中输入 localhost:9000 ，如果一切访问都正常，浏览器就会显示 Hello world! 。

node server.js

提示：使用 ctrl+c 停止脚本运行。

至此一个简单例子就运行成功了，下面来分析一下代码。

代码分析

首先， server.js 中引入了Node.js的 http模块，它提供了非常底层HTTP API支持。这里使用 createServer() 方法，它返回一个 http.server 实例，使用该实例的 listen() 方法来设置监听端口。

方法 createSever() 中填写的参数是一个函数，该函数会作为回调函数自动添加到 request事件去，其参数类型分别为 http.IncomingMessage 和 http.ServerResponse 。在回调函数体里，利用 http.ServerResponse 的方法设置了响应头和响应主体，最后以 end() 方法结束本次请求。

路由功能

上述的例子仅仅实现了简单请求响应功能，现在增加路由的功能来健壮我们的WEB服务器。现在，修改为以下的目录、文件和内容。

实现简单路由

project

web-server | - server.js+ | - router.js

server.js

const http = require('http');const router = require('./router.js');function handleHello(request, response) { // 设置响应头 response.writeHeader(200, {  "Content-Type" : "text/plain" }); // 响应主体为 "Hello world!" response.write("Hello world!"); response.end();}http.createServer(function(request, response) { // 注册路径和其对应回调函数 router.register(request, response, [  {   'url': '/hello',   'handler': handleHello  } ]);})// 设置监听端口为9000.listen(9000);

router.js

const url = require('url');exports.register = function(request, response, mapping) { // 解析请求路径 var pathName = url.parse(request.url).pathname; // 执行相应请求路径的回调函数 for(let i = 0, len = mapping.length;i < len;i++) {  if(mapping[i].url === pathName) {   mapping[i].handler(request, response);   return;  } } // 请求路径不存在返回404页面 response.writeHeader(404, {  "Content-Type" : "text/html" }); response.end(`  <html>   <head>    <title>NOT FOUND</title>   </head>   <body>    <h1>404 NOT FOUND</h1>   </body>  </html> `);}

上一篇：webpack源码之loader机制详解

下一篇：WEB 专用服务器的安全设置总结