Obtenir la photo du profil de l'utilisateur par son identité

Question

Je travaille actuellement sur une application web qui est principalement basée sur l'api graphique de Facebook. Je possède quelques données sur les utilisateurs - en fait, les données publiques disponibles - telles que le nom et l'identifiant. Je sais également qu'une photo de profil fait partie des données publiques, et je me demandais comment je pourrais obtenir un lien direct vers la photo de profil d'un utilisateur en utilisant uniquement son identifiant ?

Merci d'avance

Answer 1

MISE À JOUR septembre 2020

Facebook modifie ses exigences : un jeton d'accès sera nécessaire pour toutes les requêtes basées sur l'identifiant.

Vous devez donc ajouter votre jeton d'accès à l'application à l'url :

https://graph.facebook.com/{profile_id}/picture?type=large&access_token={app_access_token}

Pour obtenir votre app_access_token utilisez l'url suivante :

https://graph.facebook.com/oauth/access_token?client_id={your-app-id}&client_secret={your-app-secret}&grant_type=client_credentials

Vous trouvez your-app-id y your-app-secret dans les paramètres de base de votre application Facebook dans Facebook Developers.

Answer 2

https://www.avatars.io/

Il s'agit d'une API qui renvoie l'image de profil lorsqu'on lui donne un nom d'utilisateur pour une variété de réseaux sociaux, dont Twitter, Facebook, Instagram et gravatar. Elle dispose de bibliothèques pour iOS, Android, Ruby, Node, PHP, Python et JavaScript.

Answer 3

Vous pouvez l'obtenir en utilisant cette url : vous obtiendrez l'image HD (taille maximale)

https://graph.facebook.com/{userID}?fields=picture.width(720).height(720)&redirect=false

n'oubliez pas redirect=false ou il retournera une erreur

Answer 4

Utilisez l'url comme : https://graph.facebook.com/ nom d'utilisateur /picture?type=square dans src de la balise img. Le type peut être petit, grand.

Answer 5

Vous pouvez utiliser AngularJs pour cela, sa fonction de liaison de données bidirectionnelle vous permettra d'obtenir une solution avec un minimum d'effort et moins de code.

<div> <input type="text" name="" ng-model="fbid"><br/> <img src="https://graph.facebook.com/{{fbid}}/picture?type=normal"> </div>

J'espère que cela répond à votre question. Note : Vous pouvez également utiliser d'autres bibliothèques.