Platform
Configurare l'API di Visualizzazione di Base di Instagram

10min
Tutorial API di Visualizzazione di Base di Instagram
Introduzione
L'API di Visualizzazione di Base di Instagram è un'API basata su HTTP che le app possono utilizzare per ottenere il profilo, le immagini, i video e gli album di un utente Instagram.
Dal 15 ottobre 2019, la registrazione di nuovi client e la revisione delle autorizzazioni sulla piattaforma API di Instagram sono state interrotte a favore dell'API di Visualizzazione di Base di Instagram e dovresti utilizzare questo metodo d'ora in poi.
Requisiti
Per completare questo tutorial, avrai bisogno di:
Un'app creata su Back4App
Vedi il tutorial su come creare una nuova app per imparare come creare un'app su Back4App.
Imposta un Sottodominio per la tua app Back4app
Vedi Attivazione del tuo Web Hosting e Query in Tempo Reale per imparare come creare un sottodominio in Back4App.
Un account sviluppatore di Instagram.
1 - Crea una Nuova App su Back4App
Prima di tutto, è necessario assicurarsi di avere un'app esistente creata su Back4App. Tuttavia, se sei un nuovo utente, puoi controllare questo tutorial per imparare come crearne una.
2 - Presenta la Finestra di Autorizzazione
La Finestra di Autorizzazione consente agli utenti dell'app di concedere permessi alla tua app e Token di Accesso Utente di Instagram a breve termine. Dopo che un utente ha effettuato il login e ha scelto quali dati consentire alla tua app di accedere, reindirizzeremo l'utente alla tua app e includeremo un Codice di Autorizzazione, che potrai poi scambiare per un token di accesso a breve termine.
Per iniziare il processo, ottieni la Finestra di Autorizzazione e presentala all'utente:
1   https://api.instagram.com/oauth/authorize
2     ?client_id={instagram-app-id}
3     &redirect_uri={redirect-uri}
4     &scope={scope}
5     &response_type=code
6     &state={state}        //Opzionale
Tutti i parametri tranne state sono obbligatori.
Se l'autorizzazione ha successo, reindirizzeremo l'utente al tuo redirect_uri e ti passeremo un Codice di Autorizzazione tramite il parametro della stringa di query code. Cattura il codice in modo che la tua app possa scambiarlo per un Token di Accesso Utente di Instagram a breve termine.
I Codici di Autorizzazione sono validi per 1 ora e possono essere utilizzati solo una volta.
Un esempio di Codice di Autorizzazione sarebbe:
https://myapp.back4app.io/auth/?code=AQBx-hBsH3...#_
Nota che #_ verrà aggiunto alla fine dell'URI di reindirizzamento, ma non fa parte del codice stesso, quindi rimuovilo.
3 - Recupera il tuo Token
Una volta ricevuto un codice, scambialo per un token di accesso a breve termine inviando una richiesta POST al seguente endpoint:
1   POST https://api.instagram.com/oauth/access_token
Una richiesta di esempio sarebbe simile a questa:
Curl
1   curl -X POST \
2     https://api.instagram.com/oauth/access_token \
3     -F client_id=990602627938098 \
4     -F client_secret=eb8c7... \
5     -F grant_type=authorization_code \
6     -F redirect_uri=https://socialsizzle.herokuapp.com/auth/ \
7     -F code=AQBx-hBsH3...
1   curl -X POST \
2     https://api.instagram.com/oauth/access_token \
3     -F client_id=990602627938098 \
4     -F client_secret=eb8c7... \
5     -F grant_type=authorization_code \
6     -F redirect_uri=https://socialsizzle.herokuapp.com/auth/ \
7     -F code=AQBx-hBsH3...
﻿
e una risposta di successo apparirà simile a questa:
JSON
1   {
2     "access_token": "IGQVJ...",
3     "user_id": 17841405793187218
4   }
1   {
2     "access_token": "IGQVJ...",
3     "user_id": 17841405793187218
4   }
﻿
4 - Inizia lo sviluppo
Ora che l'accesso con Instagram è configurato, puoi iniziare il processo di sviluppo passando il Token di Accesso che hai recuperato per l'autenticazione.
Il formato per AUTHDATA è:
JSON
1   {
2     "instagram": {
3       "id": "user's Instagram id (string)",
4       "access_token": "an authorized Instagram access token for the user"
5     }
6   }
1   {
2     "instagram": {
3       "id": "user's Instagram id (string)",
4       "access_token": "an authorized Instagram access token for the user"
5     }
6   }
﻿
Ecco il metodo per l'SDK iOS:
Swift
1   PFUser.logInWithAuthType(inBackground: "instagram", authData: ["access_token":tokenString, "id": user]).continueWith { task -> Any? in
2    
3   }
1   PFUser.logInWithAuthType(inBackground: "instagram", authData: ["access_token":tokenString, "id": user]).continueWith { task -> Any? in
2    
3   }
﻿
E qui per l'SDK Android:
Java
1   Map<string, string> authData = new HashMap<string, string>(); 
2   authData.put("access_token", tokenString);
3   authData.put("id", user);
4   ParseUser.logInWithInBackground("instagram", authData){
5
6   }
1   Map<string, string> authData = new HashMap<string, string>(); 
2   authData.put("access_token", tokenString);
3   authData.put("id", user);
4   ParseUser.logInWithInBackground("instagram", authData){
5
6   }
﻿
Configurazione Step-by-Step di OAuth Instagram su Back4App
AVANTI IL PROSSIMO
Implementazione Accesso Google in Back4App: Guida Passo-Passo