node.js —— 解读http模块

目录

http模块:

http模块的引入:

创建web服务器的基本步骤:

web服务器的一些基本属性:

上述知识汇总案例:


http模块:

http模块的引入:

javascript 复制代码
const http = require ('http')

创建web服务器的基本步骤:

  • 导入 http 模块
  • 创建 web 服务器实例
  • 为服务器实例绑定 request 事件,监听客户端的请求
  • 启动服务器
1、引入http模块:
javascript 复制代码
const http = require('http')
2、创建web服务器实例:
javascript 复制代码
const server = http.createServer()
3、为服务器实例绑定 request 事件,监听客户端的请求:
javascript 复制代码
server.on('request', (req, res) => {
    console.log('Someone visited my web server')
})
4、启动服务器:
javascript 复制代码
server.listen(2386, () => {
    console.log('server running at 127.0.0.1:2386');
})

web服务器的一些基本属性:

req 请求对象:

只要服务器接收到了客户端的请求,就会调用通过 server.on() 为服务器绑定的 request 事件处理函数。 如果想在事件处理函数中,访问与客户端相关的数据或属性,可以使用如下的方式:

javascript 复制代码
server.on('request', (req, res) => {
    //req是请求对象,包含了与客户端的相应属性与数据
    //req.url是客户端请求的url地址
    //req.method是客户端请求的method请求类型
    console.log(`您请求的url地址是${req.url},您请求的方式是${req.method}`)
})
res 响应对象:

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

javascript 复制代码
server.on('request', (req, res) => {
    // res是响应对象,他包含了服务器的数据与属性
    res.end(`您请求的url地址是${req.url},您请求的方式是${req.method}`)
})
解决中文乱码问题:

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

javascript 复制代码
server.on('request', (req, res) => {
    //响应头,设置字符集为utf-8,防止网页出现乱码
    res.setHeader('Content-Type', 'text/html;charset=utf-8')
    // res.end()的作用是,向客户端发送指定的内容,并结束此次的请求处理
    res.end(`您请求的url地址是${req.url},您请求的方式是${req.method}`)
})

上述知识汇总案例:

javascript 复制代码
const http = require('http')

const server = http.createServer()
//req是请求对象,包含了与客户端的相应属性与数据
//req.url是客户端请求的url地址
//req.method是客户端请求的method请求类型

// res是响应对象,他包含了服务器的数据与属性

server.on('request', (req, res) => {
    console.log('Someone visited my web server')
    console.log(`您请求的url地址是${req.url},您请求的方式是${req.method}`)
    console.log(req);

    //响应头,设置字符集为utf-8,防止网页出现乱码
    res.setHeader('Content-Type', 'text/html;charset=utf-8')

    // res.end()的作用是,向客户端发送指定的内容,并结束此次的请求处理
    res.end(`您请求的url地址是${req.url},您请求的方式是${req.method}`)
})

server.listen(2386, () => {
    console.log('server running at 127.0.0.1:2386');
})

根据不同的 url 响应不同的 html 内容:

  1. 获取请求的 url 地址
  2. 设置默认的响应内容为 404 Not found
  3. 判断用户请求的是否为 / 或 /index.html 首页
  4. 判断用户请求的是否为 /about.html 关于页面
  5. 设置 Content-Type 响应头,防止中文乱码
  6. 使用 res.end() 把内容响应给客户端
相关推荐
木西4 小时前
告别机械重复:使用 Node.js + Playwright 构建 24 小时全自动测试网领水脚本
前端·javascript·node.js
xiaofeichaichai5 小时前
Vite原理与Webpack对比
前端·webpack·node.js
万亿少女的梦16810 小时前
基于Node.js和Express的旅游信息管理平台设计与开发
mysql·node.js·express·系统设计·旅游信息管理
hoLzwEge1 天前
Volta实战:项目级Node版本管理 + 自定义安装目录
前端框架·node.js
laowang3571 天前
依赖故障时,日志体系需要埋哪些关键节点才能快速定位是安装失败、解析失败还是运行时缺失?
前端·javascript·vue.js·webpack·node.js
不正经开发者1 天前
Node.js process
node.js
志尊宝1 天前
Vue3 环境搭建 + 第一个 HelloVue 项目(零基础入门)
vue.js·node.js·vue·css3
张一根2 天前
ESP32+Mqtt+Node.js+Vue3 做工控界面
node.js
TE-茶叶蛋2 天前
Node.js-Phase 1 学习总结:CLI 文件管理系统
学习·node.js
前端之虎陈随易3 天前
编程语言级别的Skill市场,AI Agent 的未来形态
前端·vue.js·人工智能·typescript·node.js