javascript - 如何在客户端 javascript 中访问 Passport 的 req.user 变量？

Question

我在我的简单 Express 应用程序上设置了 Passport 身份验证，它工作正常，我让它在我的索引页面上显示 req.user，如下所示:

<% if (!isAuthenticated) { %>
    <a id="signIn" href="/login">Sign In</a>
<% } else { %>
    <h3 id="welcomeMsg"><%=user.id%></h3>
    <h2 id="userBalance"><%=user.balance%></h2>
    <a href="/logout">Log Out</a>
<% } %>

在 index.js 中:

app.get('/', function(req, res){
  res.render('index', {
     isAuthenticated: req.isAuthenticated(),
     user: req.user
});

});

我想做的是在我的公共(public)目录中的客户端 js 文件中确认登录用户的用户名。使该变量在该文件中可用的最简单和最直接的方法是什么？

谢谢

Answer 1

由于 passport.js 使用 cookie 维护 session ，您可以在您的应用程序中添加一个简单的路由，以 json 格式提供当前记录的用户数据:

app.get('/api/user_data', function(req, res) {

            if (req.user === undefined) {
                // The user is not logged in
                res.json({});
            } else {
                res.json({
                    username: req.user
                });
            }
        });

并使用 jQuery.getJSON() 通过您的客户端 javascript 访问它或任何其他可以 GET 请求 json 内容的方法。

示例 jQuery.getJSON() :

$.getJSON("api/user_data", function(data) {
    // Make sure the data contains the username as expected before using it
    if (data.hasOwnProperty('username')) {
        console.log('Usrename: ' + data.username);
    }
});