wake-up-neo.com

Wie kann ich ein Instagram-Profil einbetten?

Ich habe buchstäblich hunderte von Möglichkeiten gefunden, die Instagram-Galerie in eine Website einzubetten, aber ich muss das gesamte Profil einbetten, t.i. Wenn Sie sich dieses Profil beispielsweise ansehen: https://www.instagram.com/exampleprofile/ gibt es ein Profilbild, einen Titel, einen Titel und eine Schaltfläche zum Folgen.

Wie kann ich das Profil mit diesen Kopfzeileninformationen einbetten, nicht nur die Bilder in seiner Galerie? Ist es überhaupt möglich?

6
Xeen

Die richtige Methode ist die Verwendung der API . Sie können Benutzerinformationen mit diesem Endpunkt abrufen:

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

1
Tomahock

Eigentlich gibt es keinen einfachen Weg, das zu tun, Sie müssen:

  1. Erstellen Sie eine Instagram-Client-Anwendung

  2. Holen Sie sich Ihre Kundendaten

  3. Authentifizieren

1. Erstellen Sie eine Instagram-Clientanwendung

Sie müssen Ihre eigene Instagram-Anwendung erstellen hier :

2. Kundeninformationen abrufen

Klicken Sie in Ihrem Instagram Developer-Konto auf "Clients verwalten" und beachten Sie die "Client-ID", "Client Secret" und "Redirect URI", da Sie diese bald benötigen. Stellen Sie sicher, dass Sie eine vollständige URL für Ihre Redirect-URI verwenden, beispielsweise " https://drupal.org ".

3. authentifizieren

3.a Verwenden von CURL Fügen Sie zunächst Folgendes in Ihren Browser ein:

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 der oben angegebene REDIRECT-URI URL-kodiert sein sollte. wie https% 3A% 2F% 2Fdrupal.org.

Sie werden dann zu der URL weitergeleitet, zu der Sie weitergeleitet wurden. Beachten Sie die URL, da Sie den Code erhalten, den Sie benötigen:

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

Öffnen Sie nun Ihr Terminal und fügen Sie dieses ein (fügen Sie Ihre spezifische ID, Ihr geheimes Passwort, Ihren uri und Ihren Code um).

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 so aussieht:

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

3.b Browser verwenden Erstellen Sie die folgende URL und fügen Sie sie in Ihren Browser ein:

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

Möglicherweise wird der folgende Fehler angezeigt "Implizite Authentifizierung ist deaktiviert". Wenn dies der Fall ist, müssen Sie Ihren Instagram-Client bearbeiten, zur Registerkarte Sicherheit gehen und die Option Deaktivieren von implizitem OAuth deaktivieren deaktivieren. Sie können diese Option wieder aktivieren, sobald Sie zum folgenden Punkt gelangen.

Wenn alles gut gegangen ist, hätten Sie zu einem URI umgeleitet, der so aussieht 

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

Auf dem Schlüssel access_token ist der Teil "x" (alle vor dem ersten Punkt) Ihre Benutzer-ID.

4. Erstellen Sie eine Anfrage für die Instagram-API und analysieren Sie dann das Antwortobjekt.

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

1
Omar Alahmed