Instagram Api OAuthAccessTokenException 400错误

时间:2015-04-10 21:35:12

标签: javascript ruby-on-rails google-maps cors instagram

我的Rails 4.0网络应用程序出现问题。我使用Google地图Api返回lat,然后将该信息传递给Instagram的Api。但是我收到了一个错误:

{"meta":{"error_type":"OAuthAccessTokenException","code":400,"error_message":"The access_token provided is invalid."}}

我已经完成了创建多个AccessTokens的过程,但仍然没有。

之前是否有人遇到此问题,如果是这样,你是如何解决的?

这是我的代码:

var codeAddressLat;
var codeAddressLng;
var addMarkerLat;
var addMarkerLng;
var locationLat;
var locationLong;
var accessToken;
var mediaEndPoint;

$(document).ready(function(){


var accessToken="USER_ACCESSTOKEN_PLACEHOLDER";
$('.get_photo').click(function(){
    mediaEndPoint = ("https://api.instagram.com/v1/media/search?lat=" +  locationLat + "&lng=" + locationLong + "&access_token=" + accessToken + "?callback=?");

    if (addMarkerLng !== null  &&  addMarkerLat !== null ) {
        locationLong=addMarkerLng;
        locationLat=addMarkerLat;
        console.log("Add Marker " + mediaEndPoint)
    }else if (codeAddressLat !== null && codeAddressLng !== null) {
        locationLat=codeAddressLat;
        locationLong=codeAddressLng;
        console.log("Code Address: "+ mediaEndPoint)
    }else{
        alert("Oops! Something went wrong, please try again!")
    }
    $(".insta-list").empty();

    $.getJSON(mediaEndPoint, function(jsonResult){

        var items = jsonResult["data"];
        var container =[]
        $.each(items, function(){
        var val = this["images"]["standard_resolution"]["url"]
        container.push("<img src=" + val + ">" );

    });
        $("<ul/>",{
            "class": "insta-list",
            html: imageContanier.join( "" )
        }).appendTo(".modal-body");
    })

});
});

1 个答案:

答案 0 :(得分:2)

我已经解决了这个问题。

说明我收到错误的原因: {"meta":{"error_type":"OAuthAccessTokenException","code":400,"error_message":"The access_token provided is invalid."}}

是因为我创建的持有Instagram API Media End Point的变量存在语法问题。

我添加了&#34;?callback =?&#34;绕过XMLHttpRequest错误(CORS)。事实上,回调语法应该是&#34;&amp; callback =?&#34;。