2016-06-06 10 views
2

Ich verstehe wirklich nicht, warum es nicht funktioniert. Ich habe das richtige Zugriffs-Token und userId. Ich schaute sogar auf ein Youtube-Tutorial https://www.youtube.com/watch?v=9ptaVOk4DDo und tat alles entsprechend; (Instafeed.js wird keine Bilder anzeigen? "Uncaught Error: Es wurden keine Bilder von Instagram zurückgegeben"?

Alles, was es zeigt, ist eine leere Seite, und die Inspektion Sache sagt "Uncaught Fehler: Keine Bilder wurden von Instagram zurückgegeben." Ist etwas falsch mit Instafeed Js? gibt es einfacher zu bedienen instagram api?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 
 

 
<script type="text/javascript" src="js/instafeed.min.js"></script> 
 
    
 
<script type="text/javascript"> 
 
    var feed = new Instafeed({ 
 
    get: 'tagged', 
 
    tagName: 'summer', 
 
    userId: ' ***', 
 
    accessToken: '***', 
 
    template: '<a href="{{link}}"><img src="{{image}}" /></a>', 
 
    resolution: 'standard_resolution' 
 
    }); 
 
    
 
    feed.run(); 
 
</script>
<div id="instafeed"> 
 
</div>

+0

Dieses Code-Snippet ruft die Tags dieses Benutzers oder alle öffentlichen Tags ab? Ich habe das gleiche Problem – Nelssen

Antwort

2

Am 1. Juni 2016 rollte Instagram new API restrictions aus, die Benutzer nur Zugriff beschränken ihre eigenen Inhalte durch die API durch erzwingen Instagram Jede App ich in eine Sandbox. Um auf öffentliche Inhalte zugreifen zu können, muss Ihre App manuell von Instagram genehmigt werden.

Mit den neuen Regeln ist die Verwendung von Instagram-Tag-Feeds öffentlicher Inhalte kein akzeptabler Anwendungsfall. Selbst wenn Sie versuchen, Ihre App genehmigt zu bekommen, wird es höchstwahrscheinlich nicht funktionieren. Mit Instafeed können Sie also nur Ihre eigenen Posts erhalten, was die Funktionalität erheblich einschränkt.

Siehe die discussion auf Instafeed Github.

+1

Ok danke für die Klarstellung! Ich habe es zur Arbeit gebracht. Zum Glück brauche ich meinen eigenen Feed. Für Leute, die wie ich Code-herausgefordert sind, habe ich nur diesen Link benutzt. https://www.instagram.com/oauth/authorize/?client_id=...&redirect_uri=...&response_type=token&scope=public_content Ersetze die Punkte durch deine client_id und redirect_uri und erstelle eine neue userID und accessToken, um sie in deinem verwenden zu können html – Ann

+0

@Ann, das hat funktioniert! Aber stellen Sie sicher, dass Sie "http: //" am Anfang und ein abschließendes "/" am Ende oder Ihre 'redirect_uri', sowohl in Ihren Entwicklereinstellungen, als auch bei dem Link angeben. Außerdem wird das Zugriffstoken in der URL Ihrer Seite zurückgegeben. Der erste Teil ist die 'user_id', und die ganze Zeichenfolge (einschließlich des ersten Teils) ist der' access_token'. Sehen Sie sich die [Instagram API Docs] (https://www.instagram.com/developer/authentication/) an und sehen Sie sich "Client Side (Implicit) Authentication" an. (Sie müssen dies in Ihren Einstellungen aktivieren.) – daviewales

+0

@ p4sh4 Ich habe dies für ein Projekt getan, funktioniert gut, kopierte meinen Code in ein anderes Projekt und ich bekomme diesen Fehler in der Konsole: 'Uncaught Error: Es wurden keine Bilder von Instagram zurückgegeben '. Ich habe gerade 'userId' und' accesToken' von einem Arbeitsbeispiel geändert ... Irgendwelche Einsichten? – nclsvh