个人 黑马程序员Node.js学习笔记（四）

个人 黑马程序员Node.js学习笔记（四）

四.http模块

01.什么是http模块

回顾：什么是客户端，什么是服务器.

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

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

如需使用http模块创建Web服务器，则需先导入：

const http=require('http');

02.进一步理解http模块的作用

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

在Node.js中，不需要使用IIS、Apache等第三方web服务器软件。因为可以基于Node.js提供的http模块、通过几行代码，即可手写一个服务器软件，从而对外提供web服务。

03.服务器相关的概念

IP地址

IP地址是互联网上每台计算机的唯一地址，IP地址具有唯一性，只有在知道对方IP地址的前提下，才能与对应电脑之间进行数据通信。

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

注意：

1. 互联网中每台Web服务器，都有自己的IP地址，例如：可以在终端运行 ping www.baidu.com 命令，即可查看百度服务器的IP地址。
2. 在开发期间，自己的电脑即是服务器，也是客户端，为了方便测试，可在浏览器中输入 127.0.0.1 即可把自己的电脑当做服务器进行访问。

域名和域名服务器

IP地址能够唯一的标记网络上的计算机，但IP地址是一串数字，不直观且不便于记忆，于是人们发明了另一套字符型的地址方案，即所谓的域名（Domain Name）地址。

IP地址和域名是一一对应的关系，这份对应关系存放在一种叫做域名服务器（DNS，Domain name server）的电脑中。使用者只需记住域名即可访问对应服务器，对应的转换工作由域名服务器实现。因此，域名服务器就是提供IP地址和域名之间的转换服务的服务器。

注意：

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

端口号

计算机中的端口号，类现实生活中的门牌号。通过门牌号，外卖员即可在众多房间中，准确的把外卖送到正确的房间。

同理，在一台电脑中，可以运行成百上千个web服务。每个web服务都对应唯一一个端口号。客户端发送古来的网络请求，通过端口号，可以被准确的交给对应的web服务进行处理。

注意：

1. 每个端口号不能同时被多个web服务占用。
2. 在实际应用中，URL中的80端口可以被忽略

04.创建最基本的web服务器

创建web服务器的基本步骤

1. 导入http模块
2. 创建web服务器实例
3. 为服务器实绑定request事件，监听客户端的请求
4. 启动服务器

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) => {
//req 是请求对象，它包含了与客户端相关的数据和属性，例如：
//req.url 是客户端请求的 URL 地址
//req.method是客户端的 method 请求类型
const str = `our request url is ${req.url}, and request method is ${req.method}`
console.log(str);
})

res相应对象

在服务器的request事件处理函数中，如果想访问与服务器相关的数据或属性，可以使用如下方式：

server.on('request',(req,res) => {
//res是相应对象，它包含了与服务器相关的数据和属性，例如:
//要发送到客户端的字符串
const str = `Your request url is ${req.url}, and request method is ${req.method}`
//res.end()方法的作用
//向客户端发送指定的内容，并结束这次请求的处理过程
res.end(str);
})

解决中文乱码问题

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

server.on('request',(req,res) => {
//发送的内容包含中文
const str = `您请求的url地址是 ${req.url},请求的method类型是${req.method}`;
//为了防止中文显示乱码，需要设置响应头 Content-Type 的值为 text/html;charset=utr-8
res.setHeader('Content-Type','text/html; charset=utf-8');
//把中文内容响应给客户端
res.end(str);
})

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

核心实现步骤

1. 获取请求的url地址
2. 设置默认的响应内容为 404 Not found
3. 判断用户请求的是否为/或/index.html 首页
4. 判断用户请求的是否为/about.html 关于页面
5. 设置Content-Type响应头,防止中文乱码
6. 使用res.end()把内容响应给客户端

实现代码

const http = require('http');

const server=http.createServer();

server.on('request',(req,res)=>{
    //获取请求的url地址
    const url = req.url;
    //设置默认的响应内容为 404 Not found!
    let content = '404 Not found!';
    //判断用户请求的是否为/或/index.html首页
    //判断用户请求的是否为/about.html 关于页面
    if(url === '/'||url === '/index.html'){
        content ='<h1>首页</h1>';
    }else if(url === '/about.html'){
        content = '<h1>关于页面</h1>'
    }
    //设置Content-Type响应头 防止中文乱码
    res.setHeader('Content-Type','text/html; charset=utf-8');
    //使用res.end把内容响应给客户端
    res.end(content);

})

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

06.实现clock时钟的web案例

核心思路

将文件的实际存放路径,作为每个资源的请求url地址

然后将读取到的文件内容(字符串)通过res.end()响应给客户端

实现步骤

1. 导入需要的模块
2. 创建基本的web服务器
3. 将资源的请求url地址映射为文件的存放路径
4. 读取文件内容并响应给客户端
5. 优化资源的请求路径

1.导入需要的模块:

//导入http模块
const http = require('http');
//导入fs文件系统模块
const fs = require('fs');
//导入path路径处理模块
const path = require('path');

2.创建基本的web服务器

//创建web服务器
const server = http.createServer();

//监听web服务器的request事件
erver.on('request',(req,res)=>{});

//启动web服务器
server.listen(80,()=>{
    console.log('server listen at http://127.0.0..1');
})

3.将资源的请求url地址映射为文件的存放路径

    //获取客户端请求的url地址
    const url = req.url;
    //将请求的url地址映射为具体文件的存放路径
    const fpath = path.join(__dirname,url);

4.读取文件的内容且响应给客户端

 		//根据映射的文件路径来读取文件的内容
    	fs.readFile(fpath,'utf-8',(err,dataStr) => {
        //如果读取失败 则响应错误消息
        if(err) return res.end('404 Not found!');
        //文件读取成功后,将成功读取的内容响应给客户端
        res.end(dataStr)

5.优化资源的请求路径

 	//将请求的url地址映射为具体文件的存放路径
    // const fpath = path.join(__dirname,url);

    
    let fpath='';
    if(url === '/'){
    	//如果请求的路径为'/' 则自动帮用户跳转到指定页面
        fpath = path.join(__dirname,'./clock/index.html');
    }else {
        //如果请求的路径不为 / ,则通过动态拼接 帮用户把中间的文件夹补全
        fpath = path.join(__dirname,'/clock',url)
    }