Node.js第三天

Node.js第三天

一.服务器端基础概念

1.1网站的组成

网站应用程序主要分为两大部分:客户端和服务器端。

客户端:在浏览器中运行的部分,就是用户看到并与之交互的界面程序。使用HTML、CSS、 JavaScript构建。

服务器端:在服务器中运行的部分,负责存储数据和处理应用逻辑。

1.2 Node网站服务器

能够提供网站访问服务的机器就是网站服务器，它能够接收客户端的请求,能够对请求做出响应.

1.3 IP地址

互联网中设备的唯一标识。
IP是Internet Protocol Address的简写，代表互联网协议地址.

1.4域名

由于IP地址难于记忆,所以产生了域名的概念,所谓域名就是上网所使用的网址。
https://www.baidu.com/ => 202.108.22.5
虽然在地址栏中输入的是网址，但是最终还是会将域名转换为ip才能访问到指定的网站服务器。

1.5端口

端口是计算机与外界通讯交流的出口，用来区分服务器电脑中提供的不同的服务。

1.6 URL

统一资源定位符,又叫URL (Uniform Resource Locator),是专 为标识Internet网上资源位置而设的一种编址方式,我们平时所说的网页地址指的即是URL。

URL的组成
传输协议://服务器IP或域名:端口/资源所在位置标识
http://www.itcast.cn/news/20210604/09152238514.html .
http:超文本传输协议，提供了一种发布和接收HTML页面的方法。

二. 创建web服务器

// 用于创建网站服务器的模块
const http = require('http');
// app对象就是网站服务器对象
const app = http.createServer();
// 当客户端有请求来的时候
app.on('request', (req, res) => {
    res.end('<h2>hello user</h2>');
});
// 监听端口
app.listen(3000);
console.log('网站服务器启动成功')

三 .HTTP协议

3.1 HTTP协议的概念

超文本传输协议(英文: HyperText Transfer Protocol,缩写: HTTP)规定了如何从网站服务器传输超文本到本地浏览器,它基于客户端服务器架构工作，是客户端(用户)和服务器端(网站)请求和应答的标准。

3.2报文

在HTTP请求和响应的过程中传递的数据块就叫报文，包括要传送的数据和一些附加信息,并且要遵守规定好的格式。

3.3 请求报文

 1.请求方式(Request Method)

● GET 请求数据
● POST 发送数据

2.请求地址(Request URL)

app.on('request'，(req,res)=>{
	req.headers //获取请求报文
	req.url//获取请求地址
	req.method//获取请求方法:
}) ;

3.4响应报文

 1.HTTP状态码;

● 200请求成功
● 404请求的资源没有被找到
● 500 服务器端错误
● 400客户端请求有语法错误

 2.内容类型

● text/html
● text/css
● application/javascript
● image/jpeg
● application/json

res.writeHead(200, {
        'content-type': 'text/html;charset=utf8'
    })

四. HTTP请求与响应处理

4.1请求参数

客户端向服务器端发送请求时，有时需要携带一些客户信息， 客户信息需要通过请求参数的形式传递到服务器端，比如登录操作。

4.2 GET请求参数

● 参数被放置在浏览器地址栏中,例如: http://localhost:3000/?name= zhangsan&age=20

// 1) 要解析的url地址
// 2) 将查询参数解析成对象形式
	let { query, pathname } = url.parse(req.url, true);
	console.log(query.name)
	console.log(query.age)

	if (pathname == '/index' || pathname == '/') {
		res.end('<h2>欢迎来到首页</h2>');

4.3 POST请求参数

● 参数被放置在请求体中进行传输
● 获取POST参数需要使用data事件和end事件
● 使用querystring系统模块将参数转换为对象格式

// 处理请求参数模块
const querystring = require('querystring');
app.on('request', (req, res) => {
	// post参数是通过事件的方式接受的
	// data 当请求参数传递的时候出发data事件
	// end 当参数传递完成的时候出发end事件	
	let postParams = '';
	//监听参数传输事件
	req.on('data', params => {
		postParams += params;
	});
	//监听参数传输完毕事件
	req.on('end',() => {
		console.log(querystring.parse(postParams));
	});
});

4.4 路由

路由是指客户端请求地址与服务器端程序代码的对应关系。简单的说，就是请求什么响应什么。

// 实现路由功能
// 	1.获取客户端的请求方式
// 	2.获取客户端的请求地址
const http = require('http');
const url = require('url');
const app = http.createServer();
app.on('request', (req, res) => {
	// 获取请求方式
	const method = req.method.toLowerCase();
	// 获取请求地址
	const pathname = url.parse(req.url).pathname;
	res.writeHead(200, {
		'content-type': 'text/html;charset=utf8'
	});
	if (method == 'get') {
		if (pathname == '/' || pathname == '/index') {
			res.end('欢迎来到首页')
		}else if (pathname == '/list') {
			res.end('欢迎来到列表页')
		}else {
			res.end('您访问的页面不存在')
		}
	}else if (method == 'post') {
	}
});
app.listen(3000);
console.log('服务器启动成功')

4.5静态资源

服务器端不需要处理，可以直接响应给客户端的资源就是静态资源，例如CSS、JavaScript、image文件。

静态资源访问

4.6动态资源

相同的请求地址不同的响应资源，这种资源就是动态资源。

const http = require('http');
const url = require('url');
const path = require('path');
const fs = require('fs');
const mime = require('mime');
const app = http.createServer();
app.on('request', (req, res) => {
	// 获取用户的请求路径
	let pathname = url.parse(req.url).pathname;
	pathname = pathname == '/' ? '/default.html' : pathname;
	// 将用户的请求路径转换为实际的服务器硬盘路径
	let realPath = path.join(__dirname, 'public' + pathname);
	let type = mime.getType(realPath)
	// 读取文件
	fs.readFile(realPath, (error, result) => {
		// 如果文件读取失败
		if (error != null) {
			res.writeHead(404, {
				'content-type': 'text/html;charset=utf8'
			})
			res.end('文件读取失败');
			return;
		}
		res.writeHead(200, {
			'content-type': type
		})
		res.end(result);
	});
});
app.listen(3000);
console.log('服务器启动成功')