web-dev-qa-db-fra.com

Comment intégrer le profil instagram?

J'ai trouvé littéralement des centaines de façons d'intégrer la galerie Instagram dans un site Web, mais ce dont j'ai besoin, c'est d'intégrer tout le profil, t.i. Si vous regardez ce profil par exemple: https://www.instagram.com/exampleprofile/ il y a une image de profil, à propos, un titre et un bouton de suivi.

Comment puis-je intégrer le profil à cette information d'en-tête et pas seulement aux images de sa galerie? Est-ce même possible?

phpiframeembedinstagraminstagram-api
6
Xeen

Pour ce faire, vous devez utiliser l'API . Vous pouvez obtenir des informations sur l'utilisateur avec ce noeud final:

https://www.instagram.com/developer/endpoints/users/#get_users

1
Tomahock

En fait, il n’existe pas de moyen simple de le faire, vous devez:

  1. Créer une application client Instagram

  2. Obtenez les détails de votre client

  3. Authentifier

1. Créer une application client Instagram

Vous devez créer votre propre application instagram ici :

2. Obtenir les détails de votre client

Dans votre compte de développeur Instagram, cliquez sur "Gérer les clients" et notez les "ID client", "Client secret" et "Redirect URI" car vous en aurez bientôt besoin. Assurez-vous que vous utilisez une URL complète pour votre URI de redirection, telle que " https://drupal.org ".

3. Authentifier

3.a Utiliser CURL Tout d’abord, ajoutez ceci dans votre navigateur:

https://api.instagram.com/oauth/authorize/?client_id=YOUR-CLIENT-ID&redirect_uri=YOUR REDIRECT-URI & type_réponse = code & scope = public_content Notez que REDIRECT-URI ci-dessus doit être codé en URL, tels que https% 3A% 2F% 2Fdrupal.org.

Vous serez ensuite redirigé vers l'URL vers laquelle vous avez été redirigé. Prenez note de l'URL car c'est là que vous recevez le code dont vous avez besoin:

http://your-redirect-uri?code=YOU-NEED-THIS-CODE

Maintenant, ouvrez votre terminal et collez-le (en ajoutant votre identifiant, votre secret, votre uri de redirection et votre code):

curl -F 'client_id=YOUR CLIENT_ID HERE' \
-F 'client_secret=YOUR CLIENT_SECRET HERE' \
-F 'grant_type=authorization_code' \
-F 'redirect_uri=YOUR AUTHORIZATION_REDIRECT_URI HERE' \
-F 'code=THE CODE YOU RECEIVED' \
https://api.instagram.com/oauth/access_token

Vous devriez recevoir quelque chose qui ressemble à ceci:

{
"access_token": "fb2e77d.47a0479900504cb3ab4a1f626d174d2d",
"user": {
    "id": "1574083",
    "username": "snoopdogg",
    "full_name": "Snoop Dogg",
    "profile_picture": "..."
}
}

3.b Utiliser le navigateur Construisez l’URL suivante et collez-la dans votre navigateur:

https://api.instagram.com/oauth/authorize/?client_id=[your client id]&redirect_uri=[your redirect uri]&response_type=token

L'erreur suivante "L'authentification implicite est désactivée" peut s'afficher. Si tel est le cas, vous devez modifier votre client Instagram, accéder à l'onglet Sécurité et désactiver l'option Désactiver OAuth implicite. Vous pouvez l'activer une fois que vous avez atteint le point suivant.

Si tout s'est bien passé, vous auriez dû être redirigé vers un URI ressemblant à ceci 

https://my_redirect.uri/#access_token=xxxxxxxxxx.yyyyyyy.zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz

Sur la clé access_token, la partie "x" (avant la première période) correspond à votre ID utilisateur.

4. Créez une demande pour l'API Instagram, puis analysez l'objet de réponse

https://api.instagram.com/v1/users/xxxxxxxxxx/media/recent/?access_token=xxxxxxxxxx.yyyyyyy.zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz

API Instagram: https://www.instagram.com/developer/endpoints/users/#get_users

La source:https://www.drupal.org/node/2746185

1
Omar Alahmed