Не могу вызвать instagram API из Shopify

Я пытаюсь использовать API Instagram из моего интернет-магазина Shopify. Я использую javascript. Когда я использую jQuery, Instagram не возвращает правильные заголовки.

Вот мой код (вызов подтвержден):

JQuery

$.getJSON( call, function( data ) {
  alert("sdfewsf");
}).error(function(jqXHR, textStatus, errorThrown) {
  console.log("error " + textStatus);
  console.log("incoming Text " + jqXHR.responseText);
});

Это ошибка, которую я получаю:

XMLHttpRequest не может загрузить https://api.instagram.com/v1/tags/%7Btag-name%7D/media/recent?client_id=95d4426edafc476d9b76a5dacc4c12ca. В запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin». Таким образом, доступ к источнику 'http://www.99centrazor.com' запрещен. В ответе был код состояния HTTP 404.

Я также пробовал instafeed.js, который не работает.

Instafeed.js

 var feed = new Instafeed({
  get: 'tagged',
  tagName: 'awesome',
  clientId: clientId
});
feed.run();

Это возвращает объект, но функция запуска не работает -

Uncaught TypeError: невозможно прочитать свойство «appendChild» со значением null

Кто-нибудь знает, как заставить эту штуку работать?!?! Спасибо!


javascript jquery shopify instagram-api instafeedjs
person Anthony    schedule 22.10.2015    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Я сужу свой ответ на ваш второй вопрос, касающийся instafeed.js.

Ошибка, которую вы видите, вызвана тем, что instafeed.js не находит целевой элемент на странице.

Чтобы решить эту проблему, убедитесь, что вы поместили <div id="instafeed"></div> на свою страницу и загружаете instafeed.js после полной загрузки страницы:

$(document).ready(function() {
  var feed = new Instafeed({
    get: 'tagged',
    tagName: 'awesome',
    clientId: clientId
  });
  feed.run();
});
person Steven Schobert    schedule 24.10.2015

arrow_upward
0
arrow_downward

$.getJSON() не будет работать как

браузеры будут склонны блокировать междоменные HTTP-запросы GET.

. Вы можете использовать JSONP в качестве обходного пути для этого.

API Instagram поддерживает конечные точки JSONP/URL, например:

https://api.instagram.com/v1/tags/coffee/media/recent?access_token=ACCESS-TOKEN&callback=callbackFunction

Если вы не знакомы с JSONP, вы можете посмотреть пример здесь

person prasun    schedule 22.10.2015