Node.js：GET/POST请求、路由 - 版本历史

2023年3月31日 (五) 13:18 Eijux

2023-03-31T13:18:27Z

←上一版本		2023年3月31日 (五) 21:18的版本
第1行：		第1行：
	[[category:Node.js]]		[[category:Node.js教程]]

	== GET/POST请求 ==		== GET/POST请求 ==

Eijux：/* 获取 POST 请求内容 */

2021-05-30T15:50:38Z

获取 POST 请求内容

←上一版本		2021年5月30日 (日) 23:50的版本
第46行：		第46行：

	=== 获取 POST 请求内容 ===		=== 获取 POST 请求内容 ===
			<pre>
			POST 请求的内容全部的都在请求体中，http.ServerRequest 并没有一个属性内容为请求体，原因是等待请求体传输可能是一件耗时的工作，比如上传文件。

			而很多时候我们可能并不需要理会请求体的内容，恶意的POST请求会大大消耗服务器的资源。所以 node.js 默认是不会解析请求体的，当你需要的时候，需要手动来做。
			</pre>
			node.js 默认是不会解析请求体的，需要手动解析：
			<syntaxhighlight lang="bash" highlight="">
			var http = require('http');
			var querystring = require('querystring');
			var util = require('util');

			http.createServer(function(request, response){
			// 定义了一个 post 变量，用于暂存请求体的信息
			var post = '';

			// 通过 request 的 data 事件监听函数，每当接受到请求体的数据，就累加到 post 变量中
			request.on('data', function(chunk){
			post += chunk;
			});

			// 在 end 事件触发后，通过 querystring.parse 将 post 解析为真正的 POST 请求格式，然后向客户端返回。
			request.on('end', function(){
			post = querystring.parse(post);
			response.end(util.inspect(post));
			});
			}).listen(3000);
			</syntaxhighlight>


			示例：表单通过 POST 提交并输出数据：
			<syntaxhighlight lang="bash" highlight="">
			var http = require('http');
			var querystring = require('querystring');

			var postHTML =
			'<html><head><meta charset="utf-8"><title>菜鸟教程 Node.js 实例</title></head>' +
			'<body>' +
			'<form method="post">' +
			'网站名： <input name="name"><br>' +
			'网站 URL： <input name="url"><br>' +
			'<input type="submit">' +
			'</form>' +
			'</body></html>';

			http.createServer(function (request, response) {
			var body = "";
			request.on('data', function (chunk) {
			body += chunk;
			});
			request.on('end', function () {
			// 解析参数
			body = querystring.parse(body);
			// 设置响应头部信息及编码
			response.writeHead(200, {'Content-Type': 'text/html; charset=utf8'});

			if(body.name && body.url) { // 输出提交的数据
			response.write("网站名：" + body.name);
			response.write("<br>");
			response.write("网站 URL：" + body.url);
			} else { // 输出表单
			response.write(postHTML);
			}
			response.end();
			});
			}).listen(3000);
			</syntaxhighlight>
			执行结果 Gif 演示：
			: [[File:Node.js：获取 POST 请求内容.gif\|400px]]

	== 路由【？？？】 ==		== 路由【？？？】 ==

Eijux：/* GET/POST请求 */

2021-05-30T14:46:21Z

GET/POST请求

←上一版本		2021年5月30日 (日) 22:46的版本
第2行：		第2行：

	== GET/POST请求 ==		== GET/POST请求 ==
			在很多场景中，我们的服务器都需要跟用户的浏览器打交道，如表单提交。

			表单提交到服务器一般都使用 GET/POST 请求。

			=== 获取 GET 请求内容 ===
			由于 GET 请求直接被嵌入在路径中，URL是完整的请求路径，包括了“'''?'''”后面的部分，因此可以手动解析后面的内容作为 GET 请求的参数。


			node.js 中 '''url''' 模块中的 '''parse 函数'''提供了这个功能，示例：
			<syntaxhighlight lang="bash" highlight="">
			var http = require('http');
			var url = require('url');
			var util = require('util');

			http.createServer(function(request, response){
			response.writeHead(200, {'Content-Type': 'text/plain; charset=utf-8'});
			response.end(util.inspect(url.parse(request.url, true)));
			}).listen(3000);
			</syntaxhighlight>
			在浏览器中访问 http://localhost:3000/user?name=菜鸟教程&url=www.runoob.com 然后查看返回结果:
			: [[File:Node.js：获取 GET 请求内容.png\|400px]]

			==== 获取 URL 的参数 ====
			可以使用 url.parse 方法来解析 URL 中的参数，代码如下：
			<syntaxhighlight lang="bash" highlight="">
			var http = require('http');
			var url = require('url');
			var util = require('util');

			http.createServer(function(request, response){
			// 解析 url 参数
			var params = url.parse(request.url, true).query;

			response.writeHead(200, {'Content-Type': 'text/plain'});
			response.write("网站名：" + params.name);
			response.write("\n");
			response.write("网站 URL：" + params.url);
			response.end();
			}).listen(3000);
			</syntaxhighlight>
			在浏览器中访问 http://localhost:3000/user?name=菜鸟教程&url=www.runoob.com 然后查看返回结果:
			: [[File:Node.js：获取 URL 的参数.png\|400px]]

			=== 获取 POST 请求内容 ===

	== 路由【？？？】 ==		== 路由【？？？】 ==

Eijux：Eijux移动页面Node.js：路由至Node.js：GET/POST请求、路由，不留重定向

2021-05-30T14:37:22Z

Eijux移动页面Node.js：路由至Node.js：GET/POST请求、路由，不留重定向

←上一版本	2021年5月30日 (日) 22:37的版本
（没有差异）

Eijux：建立内容为“category:Node.js == GET/POST请求 == == 路由【？？？】 ==

 我们要为路由提供请求的 URL 和其他需要的 GET 及 POST 参数，随…”的新页面

2021-05-30T14:37:10Z

建立内容为“category:Node.js == GET/POST请求 == == 路由【？？？】 == <pre> 我们要为路由提供请求的 URL 和其他需要的 GET 及 POST 参数，随…”的新页面

新页面

[[category:Node.js]]

== GET/POST请求 ==

== 路由【？？？】 ==
<pre>
我们要为路由提供请求的 URL 和其他需要的 GET 及 POST 参数，随后路由需要根据这些数据来执行相应的代码。

因此，我们需要查看 HTTP 请求，从中提取出请求的 URL 以及 GET/POST 参数。
这一功能应当属于路由还是服务器（甚至作为一个模块自身的功能）确实值得探讨，但这里暂定其为我们的HTTP服务器的功能。
</pre>

我们需要的所有数据都会包含在 '''request''' 对象中，该对象作为 '''onRequest()''' 回调函数的第一个参数传递。

但是为了解析这些数据，我们需要额外的 Node.JS 模块：'''url''' 和 '''querystring'''。

# “server.js”：
#: 给 onRequest() 函数加上一些逻辑，用来找出浏览器请求的 URL 路径：
#: <syntaxhighlight lang="bash" highlight="">
var http = require("http");
var url = require("url");

function start() {
function onRequest(request, response) {
var pathname = url.parse(request.url).pathname;
console.log("Request for " + pathname + " received.");
response.writeHead(200, {"Content-Type": "text/plain"});
response.write("Hello World");
response.end();
}

http.createServer(onRequest).listen(8888);
console.log("Server has started.");
}

exports.start = start;
</syntaxhighlight>
#: 现在可以通过请求的 URL 路径来区别不同请求了
# “router.js”：
#: 编写路由：
#: <syntaxhighlight lang="bash" highlight="">
function route(pathname) {
console.log("About to route a request for " + pathname);
}

exports.route = route;
</syntaxhighlight>
# 整合：
#* 使用依赖注入的方式较松散地添加路由模块（可以但不推荐硬通过硬编码的方式将这一依赖项绑定到服务器上）
## 服务器（“server.js”）应当知道路由（“router.js”）的存在并加以有效利用：
##: <syntaxhighlight lang="bash" highlight="">
var http = require("http");
var url = require("url");

function start(route) {
function onRequest(request, response) {
var pathname = url.parse(request.url).pathname;
console.log("Request for " + pathname + " received.");

route(pathname);

response.writeHead(200, {"Content-Type": "text/plain"});
response.write("Hello World");
response.end();
}

http.createServer(onRequest).listen(8888);
console.log("Server has started.");
}

exports.start = start;
</syntaxhighlight>
## 扩展“index.js”，使得路由函数可以被注入到服务器中：
##: <syntaxhighlight lang="bash" highlight="">
var server = require("./server");
var router = require("./router");

server.start(router.route);
</syntaxhighlight>

现在启动应用（'''node index.js'''，始终记得这个命令行），随后请求一个 URL，将会看到应用输出相应的信息，这表明我们的 HTTP 服务器已经在使用路由模块了，并会将请求的路径传递给路由：
<syntaxhighlight lang="bash" highlight="">
$ node index.js
Server has started.
</syntaxhighlight>
浏览器访问 http://127.0.0.1:8888/ ，输出结果如下：
: [[File:Node.js：路由示例.png|400px]]

Node.js：GET/POST请求、路由 - 版本历史

2023年3月31日 (五) 13:18 Eijux

Eijux：​/* 获取 POST 请求内容 */

Eijux：​/* GET/POST请求 */

Eijux：​Eijux移动页面Node.js：路由至Node.js：GET/POST请求、路由，不留重定向

Eijux：​建立内容为“category:Node.js == GET/POST请求 == == 路由【？？？】 == 我们要为路由提供请求的 URL 和其他需要的 GET 及 POST 参数，随…”的新页面

Eijux：/* 获取 POST 请求内容 */

Eijux：/* GET/POST请求 */

Eijux：Eijux移动页面Node.js：路由至Node.js：GET/POST请求、路由，不留重定向

Eijux：建立内容为“category:Node.js == GET/POST请求 == == 路由【？？？】 ==
我们要为路由提供请求的 URL 和其他需要的 GET 及 POST 参数，随…”的新页面