使用Angular&Express登录用户的正确方法是什么?

问题描述 投票:26回答:2

我正在建立一个简单的网站,我想让用户使用Facebook登录,然后根据他们是否登录显示包含自定义项目的页面。即如果没有登录,它会显示一些信息,但如果登录,它会根据用户信息显示其他信息。

我正在使用passportjs Facebook模块,Express和Angular。 我相信我已正确实施了护照,但不知道1)我应该如何检查用户是否登录,以及2)使用Angular&Express根据用户状态显示视图的最佳实践。 我在这里看了一个例子,但是不要认为这是我应该用Angular做的事情( https://github.com/jaredhanson/passport-facebook

谢谢!

angularjs express passport.js
2个回答
51
投票

要完成@wpalahnuk答案,您必须创建服务或工厂来处理身份验证,并使用httpInterceptor拦截服务器发送的响应,以了解用户是否是日志(检查状态代码401)。

对于Express部分,您必须使用awesome passport节点模块来处理服务器端身份验证。

您可以在此处获取所有详细信息: https//vickev.com/#!/article/authentication-in-single-page-applications-node-js-passportjs-angularjs

这篇文章非常棒,Brad Green(Google for AngularJS的工程总监)给我发了这篇文章。

希望能帮助到你。

如果您想了解Angular中有关安全性的更多信息,您只需要问我,我们将非常乐意为您提供帮助。


4
投票

我不使用node.js和express,而是使用secnsocial进行播放! 框架,但我假设过程类似。

您需要创建一个服务,该服务与服务器联系以获取用户登录状态,然后存储此变量。 然后,您可以将此服务注入需要了解或更改用户登录状态的每个控制器。

这个博客是我从以下网站获得实施的地方: http//blog.brunoscopelliti.com/deal-with-users-authentication-in-an-angularjs-web-app

这是服务:

services.factory('UserService', [function() {
    var sdo = {
        isLogged: false,
        username: ''
    };
    return sdo;
}]);

以下是在控制器中登录用户的示例

var User = UserService
scope.login = function() {
    var config = { /* ... */ } // configuration object

    $http(config)
    .success(function(data, status, headers, config) {
        if (data.status) {
            // succefull login
            User.isLogged = true;
            User.username = data.username;
        }
        else {
            User.isLogged = false;
            User.username = '';
        }
    })
    .error(function(data, status, headers, config) {
        User.isLogged = false;
        User.username = '';
    });
}

我真的建议你阅读博客文章,因为它更详细地介绍了这一点,还有一些其他的相关文章

然后,您可以使用User.isLogged变量隐藏或显示不同的元素,并使用它来确定哪些路径可用

© www.soinside.com 2019 - 2024. All rights reserved.