Node.js系列(一) ——创建简单的web服务器

基于node.js的http模块,创建简单的web服务器

实现源码

// 1.导入http模块
const http = require("http")
// 2.创建web服务器实例
const server = http.createServer();
// 3.为服务器实例绑定request事件
server.on('request', function(req, res){
    
    
    console.log('Someone visit our web server');
})
// 4.启动服务器
server.listen(8080, function() {
    
    
    console.log('server running at http://127.0.0.1:8080');
})

在浏览器输入网址http://127.0.0.1:8080,Web服务器可响应相应的请求:

在这里插入图片描述

req请求对象

req对象可以通过req.urlreq.method获取请求的url和请求方法

// 1.导入http模块
const http = require("http")
// 2.创建web服务器实例
const server = http.createServer();
// 3.为服务器实例绑定request事件
server.on('request', function(req, res){
    
    
    console.log('Someone visit our web server');
    console.log('请求的url是' + req.url);
    console.log('请求的method是'+ req.method);
})
// 4.启动服务器
server.listen(8080, function() {
    
    
    console.log('server running at http://127.0.0.1:8080');
})

在浏览器输入“http://127.0.0.1:8080”,打印出来的结果如下:
在这里插入图片描述

res响应对象

res.end()方法:向客户端发送指定的内容,并结束这次请求的处理过程;

// 1.导入http模块
const http = require("http")
// 2.创建web服务器实例
const server = http.createServer();
// 3.为服务器实例绑定request事件
server.on('request', function(req, res){
    
    
    console.log('Someone visit our web server');
    const str = `Your requst url is ${
      
      req.url}, request method is ${
      
      req.method}`;
    res.end(str);
})
// 4.启动服务器
server.listen(8080, function() {
    
    
    console.log('server running at http://127.0.0.1:8080');
})

使用浏览器访问http://127.0.0.1:8080地址,收到以下响应结果:
在这里插入图片描述

解决中文乱码

// 1.导入http模块
const http = require("http")
// 2.创建web服务器实例
const server = http.createServer();
// 3.为服务器实例绑定request事件
server.on('request', function(req, res){
    
    
    console.log('Someone visit our web server');
    const str = `你请求的url是${
      
      req.url}, 请求方法是${
      
      req.method}`;
    // const str = `Your requst url is ${req.url}, request method is ${req.method}`;
    res.end(str);
})
// 4.启动服务器
server.listen(8080, function() {
    
    
    console.log('server running at http://127.0.0.1:8080');
})

当我们使用中文作为响应内容时,会出现乱码问题,如下图所示:

在这里插入图片描述

解决方法:使用res.setHeader()手动设置内容的编码格式;

// 1.导入http模块
const http = require("http")
// 2.创建web服务器实例
const server = http.createServer();
// 3.为服务器实例绑定request事件
server.on('request', function(req, res){
    
    
    console.log('Someone visit our web server');
    const str = `你请求的url是${
      
      req.url}, 请求方法是${
      
      req.method}`;
    // const str = `Your requst url is ${req.url}, request method is ${req.method}`;
    res.setHeader('Content-Type', 'text/html;charset=utf-8');
    res.end(str);
})
// 4.启动服务器
server.listen(8080, function() {
    
    
    console.log('server running at http://127.0.0.1:8080');
})

如下图所示,再次启动服务器响应时成功解决中文乱码问题:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/hjw15910531612/article/details/127617725
今日推荐