什么是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 动态响应内容