Как получить информацию об авторизации на Facebook с помощью passport.js в магазине redux? - PullRequest
0 голосов
/ 07 апреля 2019

Я использую стек MERN.

В моем реагирующем компоненте У меня есть такая строка (большая часть кода удалена, чтобы быть короче):

class Login extends Component {
  render() {
    return (
      <a href="/" onClick={this.onLogin}>Enter via email</a>
      <a href="https://localhost:5000/api/users/auth/facebook">Enter via facebook</a>
    )
  }
}

в server.js

// Passport middleware
app.use(passport.initialize());
// Passport Config
require("./config/jwt")(passport);
require("./config/facebook")(passport);

паспорт facebook стратегии - facebook.js

const passport = require('passport')
const FacebookStrategy = require('passport-facebook').Strategy;
const mongoose = require("mongoose");
const User = mongoose.model("users");
const keys = require("./keys");

module.exports = passport => {
  passport.use(
    new FacebookStrategy(
      {
        clientID: keys.facebook.clientID,
        clientSecret: keys.facebook.clientSecret,
        callbackURL: "https://localhost:5000/api/users/auth/facebook/callback",
        profileFields: ['id', 'emails', 'name', 'picture.type(large)']
      },
      (accessToken, refreshToken, profile, done) => {
        // console.log("FacebookStrategy", profile);
        User.findOne({
          // 'facebook.id': profile.id 
          $or: [
            { 'facebook.id': profile.id },
            { 'email': profile.emails[0].value }
          ]
        })
          .then(user => {
            if (user) {
              console.log("__user already exists", user);
              if (user.facebook.id == undefined) {
                user.facebook.id = profile.id;
                user.facebook.token = accessToken;
                user.facebook.email = profile.emails[0].value;
                user.facebook.name = profile.name.givenName + ' ' + profile.name.familyName;
                user.save();
              }

              return done(null, user);
            } else {
              console.log("__user doens't exist", user);
              const newUser = new User({
                facebook: {
                  id: profile.id,
                  token: accessToken,
                  email: (profile.emails) ? profile.emails[0].value : undefined,
                },
                name: profile.name.givenName + ' ' + profile.name.familyName,
                email: (profile.emails) ? profile.emails[0].value : undefined,
                privilege: 1
              });

              newUser
                .save()
                .then(user => console.log("passport facebook save user -> ", user))
                .catch(err => console.log("passport facebook save err -> ", err))

              return done(null, newUser);
            };
          })
          .catch(err => console.log("Passport err ->  ", err));
      }
    ));
};

в API / rout.js

router.get("/auth/facebook",
  passport.authenticate('facebook', { session: false, scope: ['email'] }) //, { session: false, scope: ['email'] })
);

router.get('/auth/facebook/callback',
  passport.authenticate('facebook', {
    session: false,
    scope: ['email'],
    successRedirect: 'https://localhost:3000',
    failureRedirect: 'https://localhost:3000/login'
  }), (req, res) => {
    console.log("facebook success");
    res.redirect('https://localhost:3000');
    res.render('json', { data: JSON.stringify(req.user.access_token) });
  }
);

На стороне сервера это работает хорошо.Пользователь либо создал, либо вошел в систему. В случае JWT у меня есть onClick, который вызывает authAction, который получает полезную нагрузку из базы данных в хранилище с избыточностью.Но я не могу получить , как передать эту информацию о входе в Facebook в онлайн-хранилище в моем приложении реакции.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...