Wie Instagram Profil einbetten?

Question

Ich habe buchstäblich Hunderte von Möglichkeiten gefunden, Instagram-Galerie in einer Website einzubetten, aber was ich brauche, ist das gesamte Profil einzubetten, t.i. Wenn du dir dieses Profil anschaust, zum Beispiel: https://www.instagram.com/exampleprofile/ gibt es ein Profilbild, einen Titel und einen Folgen-Button.

Wie kann ich das Profil mit dieser Kopfzeile Informationen nicht nur die Bilder in seiner Galerie einbetten? Ist es überhaupt möglich?

Answer 1

Der richtige Weg, dies zu tun, ist die API zu verwenden. Sie können Benutzerinformationen mit diesem Endpunkt erhalten:

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

Answer 2

Eigentlich gibt es keine gerade nach vorne, das zu tun ist, müssen Sie:

1. Instagram-Client-Anwendung erstellen

2. Erhalten Sie Ihre Kundendetails

3. Authentifizieren

1. Erstellen Sie eine Client-Anwendung Instagram

Sie haben eine eigene instagram Anwendung erstellen here:

2. Ihre Kundendaten Get

In Ihrem Instagram Entwickler Konto, klicken Sie auf "Clients verwalten" und notieren Sie die "Client ID", "Client Secret" und "Redirect URI", weil Sie sie bald benötigen. Stellen Sie sicher, dass Sie eine vollständige URL für Ihren Weiterleitungs-URI verwenden, z. B. "https://drupal.org".

3. Authentifizieren

3.a ROTATION Zuerst benutzen, fügen Sie diese in Ihren Browser:

https://api.instagram.com/oauth/authorize/?client_id=YOUR-CLIENT-ID&redirect_uri=YOUR REDIRECT-URI & response_type = Code & scope = public_content Beachten Sie, dass die Umleitungs-URI oben sollte URL-codiert sein, wie https% 3A% 2F% 2Fdrupal.org.

Sie werden dann zu der URL weitergeleitet, an die Sie weitergeleitet wurden. Beachten Sie die URL wie das ist, wo Sie den Code erhalten Sie brauchen:

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

Jetzt Terminal öffnen und fügen Sie ihn in dieser (Hinzufügen Ihrer spezifischen ID, secret, umleiten uri, & 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 

Sie sollten etwas erhalten, das wie folgt aussieht:

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

3.b Verwenden von Browser Erstellen Sie die folgende URL und fügen Sie ihn in Ihrem Browser:

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

Sie können sehen, der folgende Fehler „implizite Authentifizierung deaktiviert“. Wenn dies der Fall ist, müssen Sie Ihren Instagram-Client bearbeiten, zur Registerkarte Sicherheit gehen und die Option Disable implizite OAuth deaktivieren. Sie können diese Option wieder aktivieren, sobald Sie den folgenden Punkt erreicht haben.

Wenn alles ging man auch auf einen URI umgeleitet werden soll, die wie diese, das „x“ Teil (alle vor der ersten Periode) ist Ihre Benutzer-ID

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

Auf dem access_token Schlüssel aussieht.

4. Erstellen Anforderung für Instagram API und dann die Antwort parsen Objekt

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

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

Die Quelle:https://www.drupal.org/node/2746185