javascript - 使用 CORS 保存单页应用程序的用户 session ？

Question

我已经在网络上阅读了一些文章，甚至实现了一些文章，但在大多数情况下，后续操作非常乏味，并且与我的基本代码有点偏离轨道，导致困惑和浪费时间。

也就是说，我知道我很了解如何实现事物，我只需要访问 req.user 对象，我很确定该对象存储在 session 变量中。我想提供我所做的事情，并弄清楚如何进行额外的插入，让用户登录 session 粘在我的单页抽象应用程序(cordova/phonegap)上。

在服务器端我使用(node.js、express.js 和 Passport.js)。我通常会允许express渲染 View ，但由于我使用的是CORS抽象应用程序，我不想通过AJAX调用将模板发送到客户端，所以我基本上在这一点上在客户端构建了 View 不管渲染什么 HTML，我意识到我只需要一个 AJAX POST 调用来登录用户，调用我的服务器上的 POST 路由来验证用户身份。

$(document).ready(function() {

    $('body').on('submit', '#logIn', function(e){
        e.preventDefault();

        var formData = $(this).serialize();

        $.ajax({
            url: "http://mysite.io:3300/login",
            data: formData,
            type: "POST",
            crossDomain: true,
            dataType: "json",
            success: function(data, textStatus, jqXHR) {
               alert('succeeded!');
               console.log('success')
            },
            error: function(jqXHR, textStatus, errorThrown) {
              console.log(textStatus, errorThrown);
              console.log('error')
            }
         }); 

    });

});

此时我的问题与护照 req.user 对象有关。在 CORS 应用程序的客户端， session 并不完整，这似乎不是因为客户端依赖于只有登录用户才能访问的 api 调用，我有这条路线。

me: function(req, res) {
    if(req.user) {

        var admin;

        if(req.user.admin === true) {
            admin = true;
        }

        var user = {
            admin          : admin,
            user_id        : req.user.id,
            name           : req.user.local.name,
            email          : req.user.local.email,
        }

        res.json(user);

    } else {
        res.redirect('/login');
    }
}

我还有其他依赖于 req.user 对象的路由方法。因此，初始 POST 方法返回用户对象，如名称等，因为我有一个如下所示的路由方法。

//cordova post method
app.post('/login', passport.authenticate('local-login'), function(req, res) {
    if (req.user) {
        console.log('is user');
        res.send({ user: req.user }); 
    }
    else
        console.log('is not user');
});

在此方法中，req.user 返回 true，让我可以访问 req.user 对象和模板，因此在进行 ajax POST 调用时，我能够呈现用户配置文件。在此之后或在不同的路由调用中，该对象为 false。

所以我的问题是如何保存 req.user 对象，以便我可以通过其他方法访问它，以便应用程序知道用户已登录。显然，它存储在 session 变量，但我对实现它感到困惑？

Answer 1

我不知道你如何处理 CORS 服务器端，但你可能想研究一下使用 cors middleware让事情变得更容易。无论哪种方式，您都需要确保将 Access-Control-Allow-Credentials header 设置为 true 值。

对于 cors 中间件，您所要做的就是在 cors 中间件配置中设置 credentials: true 。否则，您可以通过 res.header('Access-Control-Allow-Credentials', 'true');

设置 header

无论您在何处执行任何 ajax 调用，您还需要将 withCredentials 设置为 true，以便发送 cookie。对于 $.ajax 你会这样做:

xhrFields: {
  withCredentials: true
}

Angular 的 $http 服务也有类似的设置。

之后，您应该会看到您的 req.user 已针对经过身份验证的 session 自动填充。