[js高手之路]node js系列课程-创建简易web服务器与文件读写

时间:2022-07-14 11:56:19

web服务器至少有以下几个特点:

1、24小时不停止的工作,也就是说这个进程要常驻在内存中

2、24小时在某一端口监听,如: http://localhost:8080, www服务器默认端口80

3、要能够处理基本的请求:如get, post

在node js中创建一台服务器非常的简单,因为node自带http模块,该模块可以帮助我们非常快速搭建一台web服务器,来处理一个简单的请求.

 const http = require("http");
var server = http.createServer(function(){
console.log( '有人访问ghostwu的服务器' );
});
server.listen( 8080 );

第1行:导入node js内置的http模块

第2行: 利用http模块自带的createServer方法,创建一台服务器

第5行: 服务器在8080端口监听

然后切换到文件所在的路径,用node 运行这个文件( node + 文件名 ),然后在浏览器中输入( http://localhost:8080 )就可以看见控制台 打印出 '有人访问ghostwu的服务器'

[js高手之路]node js系列课程-创建简易web服务器与文件读写

[js高手之路]node js系列课程-创建简易web服务器与文件读写

但是这个服务器有个问题,只能在控制台输出信息,一般的服务器都会向浏览器输出信息,怎么做呢?

const http = require("http");
var server = http.createServer(function( req, res ){
res.write( 'http://www.cnblogs.com/ghostwu/' );
res.end();
});
server.listen( 6060 );

createServer的时候,为回调函数传递2个参数,第一个参数是处理请求的, 第二个参数是处理响应的,而我们要想把服务器的信息输出到浏览器,就需要调用res对象的write方法,然后调用end方法结束输出。在浏览器输入: localhost:6060,就能看到 http://www.cnblogs.com/ghostwu/

但是这台服务器,还是有个问题,只能处理http://localhost:6060 这样一个固定的端口和网址的请求, 其他的请求输出都是 看到同样的东西,而实际的请求却是:

http://localhost:8080   访问首页

http://localhost/404.html 访问404页面

http://localhost/1.html  访问1.html

。。。。

等等,不同的url请求,应该把对应的文件信息读出来,再输出到浏览器,我们先来做这个功能,不同的url显示不同的信息:

 const http = require("http");
var server = http.createServer(function( req, res ){
switch( req.url ){
case '/1.html' :
res.write( '1.html' );
break;
case '/2.html':
res.write( '2.html' );
break;
default:
res.write( '404' );
}
res.end();
}); server.listen( 8080 );

这样就能处理 http://localhost:8080/1.html --> 显示1.html  http://localhost:8080/2.html ---> 显示2.html 其他的请求都是显示404

最后,我们只需要,在对应的分支,把对应的文件内容读取出来就可以了,那么node js怎么读取文件呢?

 var fs =require('fs');
fs.readFile("1.txt", function( err, data ){
if( err ){
console.log( err )
}else {
console.log( data.toString() );
}
});

需要包含fs模块,这个模块就是处理文件的

readFile, 第一个参数,具体的文件路径和名称, 第二个参数回调函数有2个参数,一个是错误结果,一个是文件中的数据, 数据需要用toString方法转一下,否则就是字节数据,还有1.txt这个文件要确实存在.

写文件用writeFile这个api,b.txt如果不存在会自动创建一个,往b.txt文件中插入内容' this is b.txt'

 const fs = require("fs");
fs.writeFile( "b.txt", "this is b.txt", function( err ){
console.log( err );
} );

有了文件读写功能,我们就可以结合上面的代码,实现一个简易的get请求服务器

文件结构:

[js高手之路]node js系列课程-创建简易web服务器与文件读写

server.js:

 var http = require("http");
var fs = require("fs");
var server = http.createServer(function( req, res ){
var fileName = './www' + req.url;
fs.readFile( fileName, function( err, data ){
if( err ){
res.write( '404' );
}else {
res.write( data );
}
res.end();
} );
}).listen( 8080 );

然后,在浏览器输入:

http://localhost:8080/index.html   就能读出www目录下面index.html的内容

http://localhost:8080/category.html   就能读出www目录下面category.html的内容

其他请求,输出404