欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

路由

程序员文章站 2022-03-10 18:06:32
...

在服务器开始接受请求前,需要先定义路由。路由是一个简单的定义,它描述了如何处理针对Express服务器的HTTP请求的URL路径部分。

一,实现路由

可以吧路由定义为两部分。第一部分是HTTP请求方法(get/post)。路由定义的第二部分是在URL中指定的路径,例如,用于一个网站的根目录,/login用于登录页面,/cart用于显示购物车。

express模块提供了函数可以实现路由:

app.<method>(path,[callback...],callback)
  • method:http请求方法,例如GET或POST
  • path:通过回调函数处理的URL的路径部分

例如

app.get('/index', function (req, res)
app.post('/login', function (req, res) 

当Express服务器接收到一个HTTP请求时,它会查找已经为适当的HTTP方法和路径定义的路由。如果找到一个,那么Request和Response对象被创建来管理请求,并被传递给路由的回调。

二,在路由中应用参数

对于复杂系统,路由的数量会很多,为了减少路由数量,可以在URL中实现参数。可以使用参数,通过为不同的请求提供唯一值来定义应用程序如何处理请求并生成响应,从而为类似的请求使用相同的路由。

实现路由参数主要有以下方法。

  • 查询字符串:可以在URL的路径后面使用标准的?key=value&key=value的HTTP查询字符串。例如get请求方式。
  • POST参数:当实现一个Web表单或另一个POST请求时,可以在请求正文中传递参数。
  • 正则:可以定义一个正则表达式作为路由的路径部分。Express使用正则表达式来解析URL并把与表达式匹配的路径作为参数存储。

三,GET 请求

var express = require('express');
var app = express();
//list 页面 GET 请求
app.get('/list', function (req, res) {
   console.log("/list_user GET 请求");
   res.send('用户列表页面');
})

var server = app.listen(8081, function () {
 
  var host = server.address().address
  var port = server.address().port
 
  console.log("应用实例,访问地址为 http://%s:%s", host, port)
 
})

前端代码

<html>
<body>
<form action="http://127.0.0.1:8081/process_get" method="GET">
First Name: <input type="text" name="first_name">  <br>
 
Last Name: <input type="text" name="last_name">
<input type="submit" value="Submit">
</form>
</body>
</html>

后台代码

var express = require('express');
var app = express();
 
app.use(express.static('public'));
 
app.get('/index.htm', function (req, res) {
   res.sendFile( __dirname + "/" + "index.htm" );
})
 
app.get('/process_get', function (req, res) {
 
   // 输出 JSON 格式
   var response = {
       "first_name":req.query.first_name,
       "last_name":req.query.last_name
   };
   console.log(response);
   res.end(JSON.stringify(response));
})
 
var server = app.listen(8081, function () {
 
  var host = server.address().address
  var port = server.address().port
 
  console.log("应用实例,访问地址为 http://%s:%s", host, port)
 
})

四,POST 请求

var express = require('express');
var app = express();

//  POST 请求
app.post('/', function (req, res) {
   console.log("主页 POST 请求");
   res.send('Hello POST');
})

var server = app.listen(8081, function () {
 
  var host = server.address().address
  var port = server.address().port
 
  console.log("应用实例,访问地址为 http://%s:%s", host, port)
 
})

前端代码

<html>
<body>
<form action="http://127.0.0.1:8081/process_post" method="POST">
First Name: <input type="text" name="first_name">  <br>
 
Last Name: <input type="text" name="last_name">
<input type="submit" value="Submit">
</form>
</body>
</html>

后台代码

var express = require('express');
var app = express();
var bodyParser = require('body-parser');
 
// 创建 application/x-www-form-urlencoded 编码解析
var urlencodedParser = bodyParser.urlencoded({ extended: false })
 
app.use(express.static('public'));
 
app.get('/index.htm', function (req, res) {
   res.sendFile( __dirname + "/" + "index.htm" );
})
 
app.post('/process_post', urlencodedParser, function (req, res) {
 
   // 输出 JSON 格式
   var response = {
       "first_name":req.body.first_name,
       "last_name":req.body.last_name
   };
   console.log(response);
   res.end(JSON.stringify(response));
})
 
var server = app.listen(8081, function () {
 
  var host = server.address().address
  var port = server.address().port
 
  console.log("应用实例,访问地址为 http://%s:%s", host, port)
 
})

五,正则匹配

var express = require('express');
var app = express();

// 对页面 abcd, abxcd, ab123cd, 等响应 GET 请求
app.get('/ab*cd', function(req, res) {   
   console.log("/ab*cd GET 请求");
   res.send('正则匹配');
})

var server = app.listen(8081, function () {
 
  var host = server.address().address
  var port = server.address().port
 
  console.log("应用实例,访问地址为 http://%s:%s", host, port)
 
})

六,Request对象

将以个Request对象作为第一个参数传递到路由处理程序。Request对象提供请求的数据和元数据,包括URL、标头、查询字符串等。

HTTP Request对象的属性和方法传递到路由程序的Response对象提供了必要的功能来建立和发送适当的HTTP响应。

七,Response对象

(1)设置标头

设置标头是指定适当的HTTP响应的一个重要的组成部分。例如,设置Content-Type标头告诉浏览器如何处理响应。Response对象提供了几个辅助方法来获取和设置所发送的HTTP响应的标头值。

常用的方法是get(header)和set(header,value),它们分别获取和设置任何标头值。例如,下面的代码首先获取Content-Type标头,然后将其设置:

var oldType = res.get('Content-Type');
res.set('Content-Type','text/plain');


如何响应的HTTP状态是200以外的值,那么你需要设置它。发送正确的状态响应,从而使浏览器或其他应用程序可以正确地处理HTTP响应是很重要。要设置状态响应,应使用status(number)方法,其中number参数是在HTTP规范中定义的HTTP响应状态。(2)设置状态

相关标签: 路由

上一篇: 配置GRE隧道

下一篇: 理解URI