http模块学习 - 技术栈

http模块

客户端：负责消费资源的电脑
服务器：负责对外提供网络资源的电脑，与普通电脑的区别就在于服务器上安装了web服务器软件。
http模块是Node.js官方提供用来创建web服务器的模块，通过http模块提供的http.createServer()方法，将一台普通电脑变成一台web服务器，从而对外提供web资源
使用http模块创建web服务器，需要使用以下代码导入它
const http = require('http');

IP地址：互联网上每台计算机的唯一地址，具有唯一性。采用 "点分十进制"表示，例如192.1688.1.1，互联网上的每台web服务器都有自己的IP地址，可以在windows终端运行ping www.baidu.com，即可查看百度服务器的IP地址，通过百度IP地址可以直接打开百度。在开发期间自己的电脑既是一个服务器也是一个客户端，为了方便测试可以在浏览器输入127.0.0.1这个 IP地址，就能将自己的电脑当作一台服务器进行访问。
服务器相关概念：
- 域名：字符型的地址方案，即所谓的域名地址，IP地址和域名是一一对应的关系，由于直接使用IP地址（如192.168.1.1）既不方便记忆也不直观，人们便发明了域名系统，通过有意义的单词组合来代表IP地址，例如"example.com"就是一个典型的域名。域名的结构通常包括顶级域名（如.com、.cn）、二级域名（通常是企业或个人选择的名称，如google），以及可能的子域名（如mail.google.com）。这样的结构设计既方便记忆，又能传达一定的信息。
- 域名服务器：即DNS，提供IP地址和域名之间的转换服务的服务器。
- 端口号：类似于门牌号，对应相应的服务器，每个端口号不能同时被多个web服务器占用，实际应用中URL的80端口可以被省略。在一台电脑中可以运行成百上千个web服务器，每个服务器对应唯一的一个端口号，客户端发送网络请求，，通过端口号准确的交给对应的web服务进行处理。

创建最基本的web服务器

导入http模块
const http = require('http');
创建web服务器实例
调用http.createServer()方法即可快速创建一个web服务器实例
const server = http.createServer();
为服务器实例绑定request事件，监听客户端的请求

javascript 复制代码

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

启动服务器

javascript 复制代码

//调用 server.listen(端口号， cb回调)方法，即可启动web服务器
server.listen(80, () => {
   console.log('http server running at http://127.0.0.1')
})

总结测试

测试代码及讲解在最后

分享几个实用的快捷键：
- node 文件名的第一个字符然后按tab键就可以补全文件名（适用于文件名长）
- cls命令，终端清屏
- 键盘上的⬆，按一下就可以出现上一条输入的命令（适用于输入重复命令）
首先运行代码 node 文件名.js 如下
然后复制网址http://127.0.0.1在浏览器打开，也可以直接按住ctrl键点击终端中的该网址，也可以直接打开，显示如下
在后面添加/about.html如下

javascript 复制代码

//导入 http模块
const http = require('http');
//创建web服务器实例
const server = http.createServer();
//为服务器实例绑定request事件，监听客户端的请求
//req是请求对象，包含了与客户端相关的数据和属性
server.on('request', (req, res) => {
  //req.url是客户端请求的URL地址,获取请求的url地址
  const url = req.url;
  //设置默认的内容为 404 Not found
  let content = '<h1>404 Not  found</h1>'
  if (url === '/' || url === '/index.html') {
    content = '<h1>首页</h1>'  //用户请求的是首页
  } else if (url === '/about.html') {
    content = '<h1>关于页面</h1>'  //用户请求的是关于页面
  }
  //req.method是客户端请求的method类型
  //const method = req.method;
  //若是发送的内容包含中文，为了防止中文显示乱码的问题，需要设置响应头 Content-Type的值为 text/html; charset=utf-8
  res.setHeader('Content-Type', 'text/html; charset=utf-8');

  //res是响应对象，用于访问与服务器相关的数据或属性
  //调用res.end()方法向客户端响应一些内容
  res.end(content);
})
//4.启动服务器
server.listen(80, function () {
  //这里前面提到过，如果是80端口可以省略，其它端口格式应该类似于http://127.0.0.1:80
  console.log('server  running at http://127.0.0.1')
})

✌又学完一点点，继续加油(ง •_•)ง