HTTP模块-服务器
-
1.什么是HTTP模块
- 通过Nodejs提供的http模块,我们可以快速的构建一个web服务器,也就是快速实现过去PHP服务器的功能(接收浏览器请求、响应浏览器请求等)
-
2.通过HTTP模块实现服务器功能步骤
- 2.1导入HTTP模块
- 2.2创建服务器实例对象
- 2.3绑定请求事件
- 2.4监听指定端口请求
let http = require("http");
// 1.创建一个服务器实例对象
let server = http.createServer();
// 2.注册请求监听
server.on("request", function (req, res) {
// res.end("www.it666.com"); // 返回数据是英文,则不需要写下面那行
res.writeHead(200, {
"Content-Type": "text/plain; charset=utf-8"
});
res.end("微双");
});
// 3.指定监听的端口
server.listen(3000);
-
end方法的作用
- 结束本次请求并且返回数据
- 上个示例中:
res.end("微双");
-
writeHead方法的作用
- 告诉浏览器返回的数据是什么类型的,返回的数据需要用什么字符集来解析
- 上个示例中:
res.writeHead(200, {"Content-Type": "text/plain; charset=utf-8"});
web服务器简写(链式编程)
- 上个示例
let http = require('http');
http.createServer(function (req,res) {
res.writeHead(200,{
'Content-Type': 'text/plain;charset=utf-8'
});
res.end('微小双');
}).listen(3000);
路径分发
-
1.什么是路径分发?
- 路径分发也称之为路由,就是根据不同的请求路径返回不同的数据
-
2.如何根据不同的请求路径返回不同的数据?
- 通过请求监听方法中的request对象,我们可以获取到当前请求的路径
- request对象其实是
http.IncomingMessage
类的实例
- request对象其实是
- 通过判断请求路径的地址就可以实现不同的请求路径返回不同的数据
- 通过请求监听方法中的request对象,我们可以获取到当前请求的路径
//根据上个示例:
let http = require('http');
http.createServer(function (req,res) {
res.writeHead(200,{
'Content-Type': 'text/plain;charset=utf-8'
});
if(req.url.startsWith('/index')){
res.end('首页');
}else if(req.url.startsWith('/login')){
res.end('登录');
}else{
res.end('没有数据');
}
}).listen(3000);
请求路径多次返回数据
response对象其实是
http.ServerResponse
类的实例-
res.write
- write方法不具备结束本次请求的功能,所以还需要手动的调用end方法来结束本次请求
-
==注意点==
- 如果通过end方法来返回数据,那么只会返回一次
- 如果通过write方法来返回数据,那么可以返回多次
let http = require("http");
// 1.创建一个服务器实例对象
let server = http.createServer();
// 2.注册请求监听
server.on("request", function (req, res) {
res.writeHead(200, {
"Content-Type": "text/plain; charset=utf-8"
});
// console.log(req.url);
if(req.url.startsWith("/index")){
// res.end("首页1"); // 只会返回首页1
// res.end("首页2");
res.write("首页1");
res.write("首页2");
res.end();
}else if(req.url.startsWith("/login")){
res.end("登录");
}else{
res.end("没有数据");
}
});
// 3.指定监听的端口
server.listen(3000);
响应完整页面(返回静态网页)
- 示例(未优化版)
let http = require('http');
let path = require('path');
let fs = require('fs');
let server = http.createServer();
server.on('request',function (req,res) {
if(req.url.startsWith('/index')){
let filePath = path.join(__dirname,'www','index.html');
fs.readFile(filePath,'utf8',function (err,content) {
if(err){
res.end('Error');
}
res.end(content);
})
}else if(req.url.startsWith('/login')){
let filePath = path.join(__dirname,'www','login.html');
fs.readFile(filePath,'utf8',function (err,content) {
if(err){
res.end('Error');
}
res.end(content);
})
}else{
res.end('No data');
}
});
server.listen(3000);
优化版(未完成版,只适合text)
-
==注意点==
- 1.加载其它的资源不能写utf8
- 2.如果服务器在响应数据的时候没有指定响应头, 那么在有的浏览器上,响应的数据有可能无法显示
let http = require('http');
let path = require('path');
let fs = require('fs');
let server = http.createServer();
server.on('request',function (req, res) {
readFile(req, res);
});
server.listen(3000);
function readFile(req, res) {
let filePath = path.join(__dirname,'www',req.url);
fs.readFile(filePath,'utf8',function (err,content) {
if(err){
res.end('Error');
}
res.end(content);
});
}
响应静态资源
-
响应静态资源
- 在给浏览器返回数据的时候,如果没有指定响应头的信息,如果没有设置返回数据的类型,那么浏览器不一定能正确的解析
- ==所以无论返回什么类型的静态资源都需要添加对应的响应头信息==
优化版(上节代码终极版本,适用各种格式)
let http = require('http');
let path = require('path');
let fs = require('fs');
let mime = require('./mime.json');
let server = http.createServer();
server.on('request',function (req, res) {
readFile(req, res);
});
server.listen(3000);
function readFile(req, res) {
let filePath = path.join(__dirname, "www", req.url);
let extName = path.extname(filePath);
let type = mime[extName];
if(type.startsWith("text")){
type += "; charset=utf-8;";
}
res.writeHead(200, {
"Content-Type": type
});
fs.readFile(filePath, function (err, content) {
if(err){
res.end("Server Error");
}
res.end(content);
});
}
返回静态资源封装
let path = require('path');
let fs = require('fs');
let mime = require('./mime.json'); // 这个文件是封装的各种格式
function readFile(req, res, rootPath) {
let filePath = path.join(rootPath ,req.url);
let extName = path.extname(filePath);
let type = mime[extName];
if(type.startsWith('text')){
type += ';charset=uft-8;';
}
res.writeHead(200,{
'Content-Type': type
});
fs.readFile(filePath,function (err,content) {
if(err){
res.end('Error');
}
res.end(content);
});
}
exports.StaticServer = readFile;
- 测试:
- 上面封装好代码的调用示例(需要有一个名为www的文件夹,里面装有测试文件)
let http = require('http');
let path = require('path');
let ss = require('./StaticServer.js');
let server = http.createServer();
server.on('request',function (req, res) {
let rootPath = path.join(__dirname, 'www');
ss.StaticServer(req, res, rootPath);
});
server.listen(3000);