2016-04-08 20 views
5

Ho trovato letteralmente centinaia di modi per incorporare la galleria instagram in un sito Web, ma ciò di cui ho bisogno è di incorporare l'intero profilo, t.i. se si guarda questo profilo ad esempio: https://www.instagram.com/exampleprofile/ c'è un'immagine del profilo, circa, titolo e un pulsante segui.Come incorporare il profilo instagram?

Come posso incorporare il profilo con queste informazioni di intestazione e non solo le immagini nella relativa galleria? È possibile?

risposta

1

In realtà non v'è alcun dritto in avanti per fare questo, è necessario:

  1. Creare un'applicazione client Instagram

  2. Ottieni i dettagli del cliente

  3. Autentica

1. Creare un'applicazione client Instagram

è necessario creare la propria applicazione Instagram here:

2. Ottenere i tuoi dati client

Nel vostro Instagram Developer account, fai clic su "Gestisci clienti" e prendi nota di "ID cliente", "Segreto client" e "Reindirizza URI" perché ne avrai bisogno a breve. Assicurati di utilizzare un URL completo per l'URI di reindirizzamento, ad esempio "https://drupal.org".

3. Autentica

3.a Utilizzando CURL In primo luogo, aggiungere questo nel browser:

https://api.instagram.com/oauth/authorize/?client_id=YOUR-CLIENT-ID&redirect_uri=YOUR REDIRECT-URI & response_type = codice & scope = Public_content Nota che il reindirizzamento-URI in alto dovrebbe essere l'URL codificato, come https% 3A% 2F% 2Fdrupal.org.

Verrà quindi reindirizzato all'URL a cui è stato reindirizzato. Prendere nota della URL, questo è dove si riceve il codice necessario:

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

Ora aprite il terminale e incollare in questo (aggiungendo il vostro ID specifico, segreto, reindirizzare uri, & codice):

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 

Si dovrebbe ricevere qualcosa che assomiglia a questo:

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

3.b Utilizzo del browser Costruire il seguente URL e incollarlo nel browser:

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

Si può visualizzare il seguente errore "autenticazione implicito è disabilitata". Se è così, allora devi modificare il tuo client Instagram, andare alla scheda Sicurezza e disabilitare l'opzione Disabilitare OAuth implicita, puoi riattivare questo punto una volta arrivato al punto seguente.

Se tutto è andato bene si avrebbe dovuto essere reindirizzato a un URI che assomiglia a questo

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

sulla chiave access_token, la parte "x" (tutti prima del primo periodo) è il vostro ID utente.

4. Creare richiesta di Instagram API e quindi analizzare l'oggetto risposta

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

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