nodejs学习笔记-04http模块

Estella30
178 阅读6分钟

1.什么是http模块

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

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

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

要使用http模块创建Web服务器,则需要先导入它:

const http = require('http')

2. http模块的作用:

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

在node.js中,我们不需要使用第三方web服务器软件,可以直接通过node.js提供的http模块通过几行简单的代码,就能够轻松的手写一个服务器软件,从而对外提供web服务

3.服务器相关的概念

3.1 IP地址

IP地址就是互联网上每一台计算机的唯一地址,因此IP地址具有唯一性,如果把"个人电脑"比作"一台电话",那么"IP地址"就相当于"电话号码",只有在知到对方IP地址的前提下,才能与对应的电脑之间进行数据通信

IP地址的格式:通常用"点分十进制"表示成(a,b,c,d)的形式,其中a,b,c,d都是0~255之间的十进制整数,例如:(192.168.1.1)

注意:

  • 互联网中的每台Web服务器,都有自己的IP地址,例如:大家可以在windows的终端中运行ping www.baidu.com 命令即可查看到百度服务器的IP地址 image.png

    我们在浏览器地址栏输入这个ip地址就能访问到百度的首页

  • 在开发期间,自己的电脑既是一台服务器,也是一个客户端,为了方便测试,可以在自己的浏览器中输入127.0.0.1这个IP地址,就能把自己的电脑当作一台服务器进行访问了

3.2 域名和域名服务器

尽管IP地址能够唯一地标记网络上的计算机,但IP地址是一长串数字,不直观,且不便于记忆,于是人们又发明了一套字符型的地址方案,即所谓的域名(Domain Name)

IP地址和域名是一一对应的关系,这份对应的关系存放在一个叫做域名服务器(DNS,Domain name serve)的电脑中,使用者只需要通过好记的域名访问对应的服务器即可,对应的转换工作由于名服务器实现,因此域名服务器就是提供IP地址和域名之间的转换服务的服务器

注意:

  • 单纯的使用IP地址,互联网中的电脑也能够正常工作,但是有了域名的加持,能让互联网的世界变得更加方便
  • 在开发测试期间,127.0.0.1对应的域名是localhost,它们都代表我们自己的这台电脑,在使用效果上没有任何区别

3.3端口号

计算机的端口号,就好像是现实生活中的门牌号一样,通过门牌号,外卖小哥可以在整栋大楼众多的房间中,准确把外卖送到你手中,同样的道理,在一台电脑中,可以运行成百上千个web服务,每个web服务都对应一个唯一的端口号,客户端发送过来的网络请求,通过端口号,可以被准确的交给对应的web服务进行处理

注意:

  • 每个端口号只能被一个web服务占用,不能同时被多个web服务占用
  • 在实际应用中,URL中的80端口可以被省略

4.创建最基本的web服务

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

  1. 导入http模块
  2. 创建web服务器实例
  3. 为服务器绑定request时间,监听客户端的请求
  4. 启动服务器
// 导入http模块
const http = require('http')
// 调用http.createServe()方法,创建web服务器实例
const server = http.createServer()
// 为服务器绑定request时间,监听客户端请求
server.on('request',function(req,res){
    console.log('Someone visit our web server.')
})
// 启动服务器
server.listen(8080,function(){
    console.log('server running at http://127.0.0.1:8080')
})
image.png

4.2req请求对象

只要服务器接收到了客户端的请求,就会调用serve.on()为服务器绑定的request事件处理函数,如果想在事件处理函数中,访问与客户端相关的数据或属性,可以使用如下的方式: 使用req.url获取客户端请求的URL地址,req.method获取客户端的请求类型 image.png

4.3res响应对象

在服务器的request事件处理函数中,如果想访问与服务器相关的数据或属性,可以使用如下的方式 调用res.end()方法,向客户端响应一些内容

server.on("request", (req, res) => {
    const url = req.url
    const method = req.method
    const str = `Your request url is ${url}, and request method is ${method}`
    //调用res.end()方法,向客户端响应一些内容
    res.end(str)
});

可以使用postman测试下响应数据

image.png

4.4解决中文乱码问题

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

const http = require("http");
const server = http.createServer();
server.on("request", (req, res) => {
    const str = `您请求的url为 ${req.url}, 您的请求方法是 ${req.method}`
    console.log('str: ',str)
    //调用res.setHeader方法,设置Content-Type 响应头,解决中文乱码问题
    res.setHeader('Content-Type','text/html; charset=utf-8')
    res.end(str)
});
server.listen(80, function () {
  console.log("server running at http://127.0.0.1");
});

image.png image.png

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

  1. 获取请求的url地址
  2. 设置默认的响应内容为404NotFound
  3. 判断用户的请求是否为/或/index.html页面,或者是其他页面(比如/about.html)
  4. 设置Content-Type响应头,防止中文乱码
  5. 使用res.end()把内容响应给客户端
const http = require("http");

const server = http.createServer();

server.on("request", (req, res) => {
  const url = req.url;
  let content = "<h1> 404 Not Found</h1>";
  if (url === "/" || url === "/index.html") {
    content = "<h1>index 首 页</h1>";
  } else if (url === "/about.html") {
    content = "<h1>about 关 于 页 面</h1>";
  }
  res.setHeader("Content-Type", "text/html;charset=utf-8");
  res.end(content);
});

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

案例

将笔记3中拆分为三个文件(html,js,css)的案例,实现成web服务器资源访问

核心思路:将文件的实际存放路径,作为资源的请求url地址

// 导入模块
const fs = require("fs");
const path = require("path");
const http = require("http");
// 创建web服务器
const server = http.createServer();
// 监听request事件
server.on("request", (req, res) => {
  const url = req.url;
  //   const fpath = path.join(__dirname,url)
  // 预定义一个空白的文件存放路径
  let fpath = '';
  if (url === "/") {
    fpath = path.join(__dirname, "/result/index.html");
  } else {
    fpath = path.join(__dirname, "/result", url);
  }
  fs.readFile(fpath, "utf8", function (err, dataStr) {
    // 失败,返回固定的响应错误信息
    if (err) {
      return res.end("404 Not Found");
    }
    // 成功,将读取的文件内容作为响应内容返回
    res.end(dataStr);
  });
});
// 启动服务器
server.listen(80, () => {
  console.log("server running at http://127.0.0.1");
});
avatar
文章
阅读
粉丝