1.搭建http服务器
上我的注释代码:
//0.使用严格模式;
'use strict';
//1.导入Node当中内置了的http模块;
const http = require('http');
//2.创建一个server(服务器)实例,并且传入一个参数,只不过这个参数是个函数
//这个函数可以写成回调函数的形式,加上箭头函数的写法。
const server = http.createServer((request, response) => {
//3.到这里,回调函数已接收到request对象和response对象,我们可以尝试打印看看
//4.我们要获得HTTP请求的method(这里的method:指的是发送常见get请求,还是post请求)
//我们还要拿到url地址,下面我们用字符串模板
console.log(`${request.method} : ${request.url}`);
//5.将HTTP响应200写入response中, 这里的状态码200代表的是请求成功的意思,常见的404就是找不页面了
//同时设置Content-Type: text/html,它的叫法很多,请求头、请求字段、请求类型(叫法不同,都是一个意思)
response.writeHead(200, {'Content-Type':'text/html'})
//6.将HTTP响应的HTML内容写入response:
response.end(`<p>You are learning how to create a serer!Cheer up!Guys!</p>`)
});
//7.让server(服务器)监听8080端口:(用过vue脚手架的时候就知道是它了)
server.listen(8080);
//8.尝试让服务器跑起来,到这里我们的服务器就算搭建好了,测试下效果吧!
console.log('Server is running at http://127.0.0.1:8080/');
//下面是我突发奇想,想尝试着改端口号和ip看看有没有效果,发现都不行哈,你们别试了。
// server.listen(8000)
// console.log('Server is running at http://192.168.31.1:8000/');
// server.listen(8000)
// console.log('Server is running at http://127.0.0.1:8000/');
通过node环境运行我们的代码
点击链接,打开网址查看服务器响应的内容:
2.搭建文件服务器。
- 上面我们已经尝试过简单地搭建一个http服务器(实际上它不算服务器,我们其实应该亲切地叫它web程序),既然http服务器可以响应我们写入的一行简单的<p></p>文本标签代码。
- 那我们不妨往大的方向想一想,http服务器能否响应一个文件或者文件夹呢?如果可以的话?那是否代表着我们可以把自己本地上的项目放上去?
- 答案毋庸置疑,所以我们要动手来搭建一个文件服务器。
我们要考虑的就是如何精确定位到我们电脑上的本地路径,在本地找到对应的文件,把对应的文件内容发送到服务器上就可以了。
首先我们得额外再来了解下node的其他两个内置模块,它们和我们搭建文件服务器息息相关,分别是url模块和path模块
node内置的路径模块url的使用
'use strict';
const url = require('url');
console.log(url.parse('http://user:pass@host.com:8080/path/to/file?query=string#hash'));
//通过parse()将一个字符串解析为一个Url对象:
node内置的path模块用于:处理我们本地文件目录。
了解上面的必备知识后,我们可以着手准备搭建文件服务器了。
-
初步路径配置
- 创建文件服务器完整代码如下:
'use strict';
//1.导入Node内置的四个模块
const
fs = require('fs'),
//fs模块是Node内置的文件交互模块,fs模块用于对系统文件及目录进行读写操作
url = require('url'),
path = require('path'),
http = require('http')
// 从命令行参数获取root目录,默认是当前目录:
const root = path.resolve(process.argv[2] || '.');//启动命令行进程
console.log(`Static root dir(当前所在路径是):${root}`);
//创建一个服务器
const server = http.createServer((request, response) => {
//获得URL的path
const pathName = url.parse(request.url).pathname;
//获得对应的本地文件路径
const filePath = path.join(root, pathName);
// 获取文件状态:
fs.stat(filePath, (err, stats) => {
if (!err && stats.isFile()) {//如果没有报错的话,那就执行这里面的操作,并且保存文件状态
console.log(`200${request.url}`);
response.writeHead(200);//发送200请求成功状态码
fs.createReadStream(filePath).pipe(response);
}else {//如果文件报错或者文件没找到,就执行这里面的操作
console.log(`404${request.url}`)
response.writeHead(404);// 发送404响应
response.end(`404 Not Found`);
}
});
});
server.listen(8080);
console.log(`Server is running at http://127.0.0.1:8080/`);
那这文件服务器不是搭建好了吗,为什么还会报404?
-
原来这东西得手动拼接路径,我们首先在目录中准备index.html文件。
手动拼接路径
还可以在我们的代码里面拼接,找到这行代码。
如果我们想访问这里/test/index.html,则需这样拼接。
修改了代码后,记得要重新node一下文件环境喔!
学习廖雪峰老师http的教程:https://www.liaoxuefeng.com/wiki/1022910821149312/1023025830950720
网友评论