Node.js API -- http模块

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 服务器

基本步骤：

1. 导入 http 模块

   const http = require('http')
   

2. 创建 web 服务器实例

   const server = http.createServer()
   

3. 为服务器实例绑定 request请求，监听客户端的请求

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

4. 启动服务器

//调用 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 内容

核心实现步骤

1. 获取 请求的 url 地址
2. 设置默认的响应内容为 404Not Found
3. 判断用户请求的是否为 / 或 /index.html 首页
4. 判断用户请求 返回相对页面
5. 设置 Content-type 响应头，防止中文乱码
6. 使用 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')
})