javascript - 在理解中间件时遇到一些困难

Question

所以我想设置一个基本的 Node 服务器来处理我的客户端 Angular 应用程序。我的文件夹结构如下所示:

.tmp //Contains css stylesheet
bower //Obviously contains bower packages
public //Contains client code

这就是我的 index.html 的样子(至少，脚本/样式表)

 <!-- bower:css -->
  <link rel="stylesheet" href="bower/bootstrap/dist/css/bootstrap.css" />
  <!-- endbower -->
  <!-- inject:css -->
  <link rel="stylesheet" href="/.tmp/styles.css">
  <!-- endinject -->
<!-- bower:js -->
<script src="bower/jquery/dist/jquery.js"></script>
<script src="bower/angular/angular.js"></script>
<script src="bower/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower/angular-route/angular-route.js"></script>
<script src="bower/angular-resource/angular-resource.js"></script>
<!-- endbower -->

<!-- inject:js -->
<script src="/public/app/modules/sportStore.module.js"></script>
<script src="/public/app/controllers/checkout.controller.js"></script>
<script src="/public/app/controllers/productList.controller.js"></script>
<script src="/public/app/controllers/sportsStore.controller.js"></script>
<script src="/public/app/filters/customFilters.js"></script>
<script src="/public/app/components/cart/cart.js"></script>
<!-- endinject -->

这是我在 server.js 文件中的中间件配置:

app.use(logger()); //require('morgan')
app.use(express.static('./'));
app.use(express.static('./public/'));
app.use(express.static('./tmp/'));
app.use('/*', express.static('./public/index.html'));

我的理解是:对于每个请求:

1. 记录下来
2. 看看能不能在./下找到文件请求
3. 如果不存在，在 ./public/下查找
4. 如果不存在，请查看 ./tmp/
5. 如果它不存在并且请求在“/”服务 index.html 之后包含一些内容

我还不清楚我将如何处理客户端路由(使用 Angular 的 $routeProvider)，也许我什至不需要这样做，我不确定如果这些请求将发送到服务器。

然而，所有这些都会导致无限循环，老实说，我不知道为什么。我以为我了解中间件，但显然我的逻辑有问题，否则这会起作用。

所以基本上我的 2 个问题是:

1. 我总结出来的 express 中间件是怎么工作的？
2. 如果不是，也许你可以在正确的方向上插入我？

不要只是指点我表达文档，我已经阅读了大约 5 遍，但我发现文档解释得不够清楚。

Answer 1

一个简短的回答是，中间件是您可以为请求的生命周期插入的一切。查看其工作原理的一个好方法是编写一个简单的中间件，例如非常非常基本的记录器中间件:

var logMiddleware = function(req, res, next) {
    // We do some logging
    console.log(req.method+" "+req.url);

    // Because this is a **middle**ware, we can stop the request here
    // using the res object, or call next() and it will continue it's 
    // lifecycle.
    next();
}


app.use(logMiddleware);

您注册中间件的顺序(使用 app.use)很重要，正如您在原始问题中所说的那样，它是一条链。

编辑:关于Angular，你可以看看this blog post并查看路由是如何在服务器端设置的。有点旧了，但是这部分在express上没有变化。