如何将护照facebook数据传递给angular?

时间:2017-06-19 10:33:45

标签: angularjs node.js facebook passport.js

我在我的网络应用程序中使用护照facebook进行用户身份验证。支持的My Node在localhost:8080上运行,角度前端在localhost:4200上运行。如何保存从Facebook收到的数据,将其保存到数据库,然后将该数据库数据传递给我的角度前端?我在网上尝试了很多指南和教程,所有这些都在同一个域上运行,但我的是不同的域(8080& 4200)。

以下是我的社交身份验证码,如果它可以提供任何帮助。

    module.exports = function(app, db) {



var express          = require('express'),
        ObjectID         = require("mongodb").ObjectID,
        passport         = require('passport'),
        FacebookStrategy = require('passport-facebook').Strategy,
        GoogleStrategy   = require( 'passport-google-oauth2' ).Strategy,
        LinkedInStrategy = require('passport-linkedin');

    var authConfig      = require('../config/socialConfig');


    var session = require('express-session');

    app.use(passport.initialize());
    app.use(passport.session());
    app.use(session({
      secret: 'keyboard cat',
      resave: false,
      saveUninitialized: true,
      cookie: { secure: false }
    }))

    passport.serializeUser(function(user, done) {
      done(null, user.id);
    });

    passport.deserializeUser(function(id, done) {
      User.findById(id, function(err, user) {
        done(err, user);
      });
    });

    passport.use(new FacebookStrategy({
        clientID: authConfig.facebookAuth.clientID,
        clientSecret:authConfig.facebookAuth.clientSecret ,
        callbackURL: authConfig.facebookAuth.callbackURL,
        profileFields: ['id', 'displayName', 'photos', 'email']
    },
        function(token, refreshToken, profile, done) {

            console.log("Hello" + profile);
            // User.findOrCreate(..., function(err, user) {
              // if (err) { return done(err); }
              // done(null, user);
            // });
            done(null, profile);
        }
    ));


    app.get('/auth/facebook/callback', passport.authenticate('facebook', { failureRedirect: '/login' }));

    app.get('/auth/facebook', passport.authenticate('facebook', { scope: 'email' }));

    }

以下是我对facebook auth的前端链接

<a href="/auth/facebook" target="_blank">Facebook Login</a>

任何帮助都将受到高度赞赏。期待一些帮助,提前谢谢。

1 个答案:

答案 0 :(得分:0)

由于Node.js应用程序位于另一个端口,因此您需要指定/ auth / facebook API(http://localhost:4020/auth/facebook)的完整URL。

另外,引用另一篇文章:

  

对于两个被认为具有相同来源的文档,协议&gt;(http / https),域和端口(默认80或:xx)必须是&gt;缩进

因此,您需要在node.js服务器上启用CORS。一个简单的方法是使用Express-cors npm

const cors = require('cors')
const app = express()

app.use(cors())