web-dev-qa-db-ja.com

passport-facebook-about_meおよびemailプロファイルフィールドを取得できません

Passport-facebookを使用してアプリのログインシステムを確立しようとしています。リクエストから未定義になっている2つのフィールドを除いて、すべてがうまくいきます。

ログイン手順のコード全体を投稿します。これについては、多くの質問がありますが、ここでは多くの情報を確認していません。

これはapp.jsの構成です

var passport = require('passport');
var FacebookStrategy = require('passport-facebook').Strategy;

passport.serializeUser(function(user, done) {
  done(null, user.facebookId);
});
passport.deserializeUser(function(id, done) {
  routes.findUserById(id, function(err, user) {
    done(err, user);
  });
});

passport.use(new FacebookStrategy({
    clientID: FACEBOOK_APP_ID,
    clientSecret: FACEBOOK_APP_SECRET,
    callbackURL: FACEBOOK_CALLBACK_URL,
    profileFields: ['id', 'displayName', 'link', 'about_me', 'photos', 'email']
  },
  routes.handleLogin
));

パスポートの初期化とセッションの使用

app.use(passport.initialize());
app.use(passport.session());

実際のリクエスト処理、正しいスコープを使用していることに注意してください

app.get('/auth/facebook', passport.authenticate('facebook', { scope: ['user_about_me', 'email'] }));
app.get('/auth/facebook/callback', passport.authenticate('facebook', { successRedirect: '/', failureRedirect: '/error' }));

これはルーターでのユーザー作成機能です

exports.handleLogin = function(accessToken, refreshToken, profile, done) {
  db.userCatalog.findOne({ facebookId: profile.id }, function(err, existingUser) {
    if (err) {
      return done(err);
    }
    else {
      if(existingUser) {
        console.log('User: ' + existingUser.name + ' found and logged in!');
        done(null, existingUser);
        } 
      else {
        new db.userCatalog({
        name: profile.displayName,
        facebookId: profile.id,
        link: profile.link,
        picture: profile.photos[0].value,
        bio: profile.about_me,
        email: profile.email
        }).save(function (err, data) {
          if (err) {
            return done(err);
          }
          else {
            console.log('New user: ' + data + ' created and logged in!');
            done(null, data);
          }
        });
      }
    }
  });
};

ログイン手順の完了後に新しいユーザーを作成したときの結果: enter image description here

これは新人の間違いだと思いますが、自分では理解できません...

18
omerkarj

Facebookはデフォルトの属性のいくつかを返します。クライアントのプロファイルに関する詳細にアクセスする場合は、FacebookStrategyで宣言する必要があります。

passport.use(new FacebookStrategy({

        clientID: "...",
        clientSecret: "...",
        callbackURL: "...",
        profileFields: ['id', '...', '...', 'photos', 'emails']

      }, ...

したがって、Facebookから受け取りたい属性を宣言すると、誰かがシステムにログインしようとすると、写真やメールをあなたやアプリと共有するように求められます。彼がこれを承認すると、その値にアクセスできます。

profile.photos[0].value,
profile.emails[0].value,
...

電子メールの場合、次の変更が役立つ場合があります。

passport.authenticate('facebook');

これに:

passport.authenticate('facebook', { scope: 'email'}));
39
miksiii

ProfileFieldsでは、電子メール(単数)の代わりに電子メール(複数)を使用する必要があります。

profileFields: ['id', 'displayName', 'link', 'about_me', 'photos', 'emails']

これは、facebook-passportのドキュメントに記載されています README.md

フィールドのリストを指定するprofileFieldsパラメーター(ポータブル連絡先規則で指定)

そして、passportjsのポータブル連絡先の規則を見つけることができます ここ

8
gerasalus