nodejs学习--http模块

什么是http模块

回顾:什么是客户端 什么是服务器

在网络节点中,负责消费资源的电脑叫做客户端 负责对外提供网络资源的电脑 ,叫做服务器。

http模块是Node.js官方提供的,用来创建web服务器的模块 通过http模块提供的http.createServer()方法,就能方便的把一台普通的电脑,变成一台Web服务器,从而对外提供Web资源服务。

如果希望使用http模块创建web服务器 需要先导入它

const http require('http')

理解http模块的作用

服务器和普通电脑的区别在于 服务器上安装了web服务器软件 如 IIS Apache等 通过安装这些服务器软件,就能把一台普通的电脑变成一台web服务器。

在nodejs中我们不需要第三方软件 因为我们可以基于http模块 通过几行代码 就能写一个服务器软件 从而对外提供web服务。

服务器相关概念

1 ip地址
ip地址就是互联网上每一台计算机的唯一地址,因此ip地址具有唯一性 只有知道对方ip地址的情况下 才能与对应电脑之间进行数据通信

ip地址的格式 通常用点分十进制

2 互联网中每台web服务器 都有自己的IP地址

ping www.baidu.com 就可以查看百度的ip地址

在开发期间 自己的电脑即是服务器 也是一个客户端 可以输入127.0.0.1 环回地址 来访问自己的web服务

域名和域名服务器

ip地址不够直观 不便于记忆 于是人们使用域名

ip地址和域名是一一对应的关系 ,这份对应关系存放在一种域名服务器中(DNS)的电脑中,使用者只需用好记的域名访问对应的服务器即可。

DNS服务器专门负责把域名转化为IP地址。

在开发测试期间 127.0.0.1 对应的域名是localhost 他们都代表我们自己的电脑。

端口号

计算机中的端口号 :
在一台电脑中 可以运行成百上千的web服务 每个web服务都对应一个唯一的端口号 客户端发送过来的网络请求,通过端口号 可以被准确的交给对应的web服务进行处理。

注意:
每个端口号不能同时被多个web服务占用

在实际的应用中url中的80端口可以被省略

创建web服务器的基本步骤

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

const http = require('http')
//导入http模块
const server = http.createServer()
//创建服务实例
//使用服务器实例的.on方法 为服务器绑定一个request事件
server.on('request',(req,res)=>{
		//只要有客户端请求我们的服务器,就会触发request事件 从而调用这个事件的处理函数
		console.log("服务器被访问了")
})

on方法第一个参数:事件的名称
第二个参数:触发事件时会执行的回调函数

启动服务器:使用listen方法:

//调用server.listen方法即可启动服务器
server.listen(80,()=>{
		console.log('服务启动了')

})

listen方法的两个参数:端口号 和回调函数

req请求对象

只要服务器接收到了客户端的请求 就会调用server on方法为服务器绑定的request事件处理函数 req和res
如果想在事件处理函数中访问与客户端相关的数据或属性(比如返回数据什么的) 可以使用如下方式:

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

注意模板字符串不能用单双引号 要用··

浏览器默认发起get请求
在这里插入图片描述

res响应对象

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

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

})

.end()方法会向客户端发送响应的内容
响应对象负责向前端响应内容

在这里插入图片描述
在这里插入图片描述

解决中文乱码的问题

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

server.on('request',(res,req)=>{
		//req是响应对象 它包含了与服务器相关的数据和属性例如:
		//要发送到客户端的字符串
		const str = `浏览器请求地址为 is${req.url} and request method is ${req.method}`
		// res.end()方法调用
		//为了防止中文显示乱码的问题 需要设置响应头Content-Type的值为text/html:charset = utf-8
		res.setHeader('Content-type','text/html;charset=utf-8')
		//向客户端发送指定的内容 并结束这次请求的处理过程
		res.end(str)

})

使用setHeader方法设置响应头

在这里插入图片描述
在这里插入图片描述

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

1 核心实现步骤
获取请求的url地址:res.url
设置默认的响应内容为 404 Not found
判断用户请求的是否为/或/index.html首页
判断用户请求的是否为/about.html关于页面
设置Content-Type 响应头 防止中文乱码
使用res.end()把内容响应给客户端
2 动态响应内容

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

冲鸭嘟嘟可

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值