Recupero della foto da Facebook utilizzando Passport-Facebook

Question

Sono in grado di recuperare le informazioni dell'utente di base tramite Passport-Facebook, seguendo il codice seguente e il salvataggio in MongoDB:

app.get("/auth/facebook", passport.authenticate("facebook", { scope : ["email", "publish_stream", "user_location", "user_hometown", "user_birthday", "read_friendlists"]}));

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

var mongoose = require('mongoose'), 
FacebookStrategy = require('passport-facebook').Strategy, 
Users = mongoose.model('Users');

module.exports = function (passport, config) { 
passport.serializeUser(function(user, done) { 
    done(null, user.id);
}); 

passport.deserializeUser(function(id, done) { 
    Users.findOne({ _id: id }, function (err, user) { 
        done(err, user); 
    });
});

passport.use(new FacebookStrategy({ 
    clientID: config.facebook.clientID,
    clientSecret: config.facebook.clientSecret,
    callbackURL: config.facebook.callbackURL 
}, function(accessToken, refreshToken, profile, done) { 
    Users.findOrCreateFaceBookUser(profile, done);
}));};

.

Tuttavia, non sono in grado di vedere l'immagine del profilo nel "profilo".

La documentazione https://github.com/jaredhanson/passport-facebook dice di recuperare le foto che dobbiamo passare le fotoi Profilefies come di seguito.Ma farlo, sono in grado di vedere l'URL della foto, ma perdendo altri dati che sono stati contenuti in _json ad e.g.profilo._json.location.name.Come posso recuperare la foto con altre informazioni dell'utente intatta?

passport.use(new FacebookStrategy({
// clientID, clientSecret and callbackURL
profileFields: ['id', 'displayName', 'photos', ....]},// verify callback));

.

Answer 1

Yes, the picture can be accessed via the graph api using the access token like this. "graph.facebook.com/"; + profile.username + "/picture" + "?width=200&height=200" + "&access_token=" + accessToken; There is no need to use the profile fields.

Answer 2

Se hai bisogno di un'immagine più grande (l'impostazione predefinita nell'esempio di Miksii sopra è 50px x 50px che è piuttosto piccolo), quindi utilizzare:

profileFields: ['id', 'displayName', 'name', 'gender', 'picture.type(large)']

.

e poi

picture: profile.photos ? profile.photos[0].value : '/img/faces/unknown-user-pic.jpg'

.

Questo restituirà un'immagine del profilo 200px x 200px per quell'utente.

Answer 3

In addition to answer of your question - you don't have to do it that way. As you mentioned you can define the required attributes for Facebook profile:

  clientID: "...",
  clientSecret: "...",
  callbackURL: "...",
  profileFields: ['id', 'displayName', 'name', 'gender', ..., 'photos']

What than you can do is just simply grab the value of the given attribute. Let's say you want to make an attribute that will hold this value:

picture: profile.photos ? profile.photos[0].value : '/img/faces/unknown-user-pic.jpg'

This proved to be a better solution since some users or sometimes the value of username may be undefined.

I hope you find this useful too,

Thank you.

Answer 4

As this answer, it will be work better with this code.

passport.use(new FacebookStrategy({
  clientID: FACEBOOK_APP_ID,
  clientSecret: FACEBOOK_APP_SECRET,
  callbackURL: FACEBOOK_APP_CALLBACK,
  profileFields: ['id', 'displayName', 'picture.type(large)', 'email', 'birthday', 'friends', 'first_name', 'last_name', 'middle_name', 'gender', 'link']
}, (accessToken, refreshToken, profile, cb) => {
  const picture = `https://graph.facebook.com/${profile.id}/picture?width=200&height=200&access_token=${accessToken}`
  //
}))