在 Express 中有条件地提供静态文件的最佳方式是什么？

Question

我正在构建一个包含两个独立部分的应用程序，在前端我将其构建为两个独立的 Angular 应用程序。我这样做是为了更好地划分对代码库的控制访问，而不是不必要地让一些团队成员访问他们不需要的代码。

所以有两个独立的应用程序，由同一个 NodeJS 服务器提供服务。提供的应用程序取决于用户是否登录。如果他们是访客用户，他们将获得一个版本的应用程序，如果他们是注册用户，他们将获得具有更多功能的特权版本的应用程序。

如何在 Express 中有条件/动态地提供静态文件，比如“如果 User1 是客人，则提供 Application A，否则提供 Application B”？

Answer 1

如果您说的只是一个文件（例如app-1.js 或app-2.js），那么您不需要express.static。您可以使用res.sendFile 在普通路由处理程序中处理请求，如下所示：

app.get('/get-app', function(req, res) {
  if (userIsLoggedIn()) {
    res.sendFile('/path-to-logged-in-app.js')
  } else {
    res.sendFile('/path-to-logged-out-app.js')
  }
})

更多关于res.sendFilehere。

如果您想通过express.static 提供多个文件，您将需要两个express.static 中间件实例，以及在此之上的另一个中间件来根据用户的登录状态修改请求URL。可能类似于以下内容：

// Middleware function to modify the request url based on user's status
function checkUser(req, res, next) { 
 if (userIsLoggedIn()) {
    req.url = `/app-1/${req.url}`
  } else {
    req.url = `/app-2/${req.url}`
  }

  next()
}

// Set up the middleware stack
app.use(checkUser)
app.use('/app-1', express.static(path.join(__dirname, 'app-1')))
app.use('/app-2', express.static(path.join(__dirname, 'app-2')))

更多关于编写自己的中间件here。您可能还想在 checkUser 中添加一些逻辑，以仅在请求静态文件的 url 之前添加（例如，请求 url 到 /assets/foo.js 得到前置处理，但请求到 /api/some-api-function 没有）。

说了这么多，我对 Angular 不是很熟悉，但我建议研究其他方式来提供登录/注销的内容。我假设 Angular 中有一些组件或“视图”的概念，并且仅渲染“LoggedIn”或“LoggedOut”组件/视图与发送完全不同的“应用程序”可能要干净得多。