不能从Shopify调用instagram API

Can't call instagram API from Shopify

本文关键字：instagram API 调用 Shopify 不能      更新时间：2023-09-26

我正在尝试使用我的shopify网络商店的instagram API。我正在使用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();

返回一个对象，但是run函数不起作用——

Uncaught TypeError: Cannot read property 'appendChild' of null

有谁知道让这个东西工作的方法吗?谢谢!

我将缩小我对你的第二个问题的回答，关于instafed .js。

你看到的错误是由instafeed.js在页面上找不到目标元素引起的。

要解决这个问题，请确保您在页面上放置了<div id="instafeed"></div>，并且在页面完全加载后加载instafeed.js:

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

$.getJSON()将不工作

浏览器将倾向于阻止跨域HTTP GET请求

。您可以使用JSONP作为解决方法。

Instagram API支持JSONP端点/url，例如:

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

如果你不熟悉JSONP你可以在这里查看一个例子

相关文章：