Node.js API – http模块
1.认识Http模块
http 模块是 Node.js 官方提供的,用来 创建 web 服务器的模块。通过http提供的 http.createServer()
方法,就能方便的把一台普通电脑,变成一台 Web 服务器,从而对外提供 web 资源服务
如果再JavaScript代码中,使用 http 模块来创建 Web服务器,则需要先导入:
const http = require('http')
2.服务器相关概念
IP地址:
ip地址就是互联网上每一台计算机的唯一地址,因此 IP 地址具有唯一性。
**ip地址格式:**通常用 “点分十进制“ 表示成 (a.b.c.d)的形式。其中 abcd都是 0—255之间的十进制整数。例如:(192.168.1.1)
域名 和 域名服务器
域名:由于 ip地址 是一长串数字,不便于记忆,不直观。于是人们又发明了一套字符型的地址方案,即所谓的 域名地址
IP和域名是 11对应的关系。
域名服务器:存放域名的服务器就是域名服务器
端口号
注意:
- 每个端口号不能同时被多个web服务占用
- 在实际应用中,url中的80端口可以被省略
3.创建基本的 web 服务器
基本步骤:
-
导入 http 模块
const http = require('http')
-
创建 web 服务器实例
const server = http.createServer()
-
为服务器实例绑定 request请求,监听客户端的请求
// 使用服务器实例的 .on() 方法,为服务器绑定一个 request 事件 server.on('request',(req,res) =>{ // 只要有客户端请求我们自己的服务器,就会触发request事件,从而调用这个事件处理函数 console.log('Someone visit our web server') })
-
启动服务器
//调用 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, res) => {
// req 是请求对象,它包含了与客户端相关的数据和属性,例如:
// req.url 是客户端请求的 URL 地址
// req.method 是客户端的 method 请求类型
const str = `Your request url is ${req.url},and request methodis ${req.method}`
console.log(str)
console.log('Someone visit our web server')
})
res 响应对象
在服务器的 request 事件处理函数中,如果想 访问与服务器相关的 数据 或 属性,可以使用如下方式
server.on('request', (req, res) => {
// req 是请求对象,它包含了与客户端相关的数据和属性,例如:
// req.url 是客户端请求的 URL 地址
// req.method 是客户端的 method 请求类型
const str = `Your request url is ${req.url},and request methodis ${req.method}`
console.log(str)
//res 是相应对象,它包含了与服务器相关的属性和数据,例如:
//要发送到客户端的字符串
// res.end() 方法的作用
// 向客户端发送指定的内容,并结束这次请求的处理过程
res.end(str)
console.log('Someone visit our web server')
})
解决中文乱码
当调用 res.end()方法,向客户端发送中文内容的时候,会出现乱码问题,此时需要手动 设置内容的编码格式:
res.setHeader('Content-Type', 'text/html;charset=utf-8')
server.on('request', (req, res) => {
// req 是请求对象,它包含了与客户端相关的数据和属性,例如:
// req.url 是客户端请求的 URL 地址
// req.method 是客户端的 method 请求类型
const str = `啊啊啊Your request url is ${req.url},and request methodis ${req.method}`
// console.log(str)
//设置编码格式
res.setHeader('Content-Type', 'text/html;charset=utf-8')
//res 是相应对象,它包含了与服务器相关的属性和数据,例如:
//要发送到客户端的字符串
// res.end() 方法的作用
// 向 客户端 发送指定的内容,并结束这次请求的处理过程
res.end(str)
// console.log('Someone visit our web server')
})
4.根据不同的 url 响应不同的 html 内容
核心实现步骤
- 获取 请求的 url 地址
- 设置默认的响应内容为 404Not Found
- 判断用户请求的是否为 / 或 /index.html 首页
- 判断用户请求 返回相对页面
- 设置 Content-type 响应头,防止中文乱码
- 使用 res.end() 把内容响应给客户端
const http = require('http')
const serve = http.createServer()
serve.on('request', (req, res) => {
const url = req.url
const method = req.method
console.log(url)
let content = '<h1>404 not found</h1>'
if (url == '/' || url == "/index") {
content = '<h1>这是首页</h1>'
}
if (url == '/about') {
content = '<h1>这是关于页面</h1>'
}
res.setHeader('Content-Type', 'text/html;charset=utf-8')
res.end(content)
})
serve.listen('80', () => {
console.log('http server running at http://127.0.0.1')
})