创建最基本的web服务器

基本步骤

1. 导入http模块
2. 创建web服务器实例
3. 为服务器实例绑定request事件,监听客户端的请求
4. 启动服务器

步骤1-导入http模块

const http = require('http');

步骤2-创建web服务器实例

const server = http.createServer();

步骤3-为服务器实例绑定request事件

绑定request事件即可监听客户端发送过来的网络请求

//使用服务器实例的 .on() 方法 为服务器绑定一个 request 事件
server.on('request', (req, res) => {
    //只要有客户端请求我们自己的服务器 就会触发request事件,从而调用这个事件处理函数
    console.log('Someone visit our web server.');
})

步骤4-启动服务器

调用服务器实例的 .listen() 方法,即可启动当前的web服务器实例

//调用 server.listen(端口号, cb回调) 方法,即可启动web服务器
Server.listen(80, () => {
    console.log('http server running at http://127.0.0.1');
})

 

req请求对象

服务器收到了客户端的请求,就会通过server.on()为服务器绑定的request事件处理函数

如果项只在事件处理函数中,访问与客户端相关的数据或属性,可以使用如下的方式:

server.on('request', (req) => {
    //req是请求对象 它包括了与客户端相关的数据和属性 例如:
    //req.url 是客户端请求的URL地址
    //req.method 是客户端的method请求类型
    const str = 'Your request url is $(req.url), and request method is $(req.method)'
    console.log(str);
})

示例代码

const http = require('http');
const server = http.createServer();
//req是请求对象 包含了与客户端相关的数据和属性
server.on('request', req => {
    //req.url是客户端请求的url地址 url从端口号后面开始
    const url = req.url;
    //req.method是客户端请求的method类型
    const method = req.method;
    //注意 此处的符号是 ` 而不是 '
    const str = `Your request url is ${url}, and request method is ${method}`
    console.log(str);
})
server.listen(80, () => {
    console.log('server running at http://127.0.0.1');
})

直接访问http://127.0.0.1为GET请求方式,可以通过postman发起post请求

 

res响应对象

在服务器的request事件处理函数中,如果想访问与服务器相关的数据或属性,可以使用如下的方式:

server.on('request', (req, res) => {
    //res是响应对象 它包括了与服务器相关的数据和属性 例如:
    //要发送到客户端的字符串
    const str = `Your request url is ${req.url}, and request method is ${req.mothod}`;
    //res.end()方法的作用:
    //项客户端发送指定的内容,并结束这次请求的处理过程
    res.end(str);
})

代码演示

const http = require('http');
const server = http.createServer();
//req是请求对象 包含了与客户端相关的数据和属性
server.on('request', (req, res) => {
    //注意 此处的符号是 ` 而不是 '
    const str = `Your request url is ${req.url}, and request method is ${req.method}`
    console.log(str);
    //调用res.end()方法 向客户端响应一些内容
    res.end(str);
})
server.listen(80, () => {
    console.log('server running at http://127.0.0.1');
})

 

解决中文乱码问题

当调用res.end()方法,向客户端发送中文内容的时候,会出现乱码问题,此时们需要手动设置内容的编码格式

server.on('request', (req, res) => {
    //发送内容包含中文
    const str = `Your request url is ${req.url}, and request method is ${req.method}`
    //为了防止中文显示乱码的问题,需要设置响应头 Content-Type 的值为 text/html; charset=utf-8
    res.setHeader('Content-Type', 'text/html; charset=utf-8')
    res.end(str);
})

代码演示

const http = require('http')
const server = http.createServer()

server.on('request', (req, res) => {
    // 定义一个字符串，包含中文的内容
    const str = `您请求的 URL 地址是 ${req.url}，请求的 method 类型为 ${req.method}`
        // 调用 res.setHeader() 方法，设置 Content-Type 响应头，解决中文乱码的问题
    res.setHeader('Content-Type', 'text/html; charset=utf-8')
        // res.end() 将内容响应给客户端
    res.end(str)
})

server.listen(80, () => {
    console.log('server running at http://127.0.0.1')
})