如何获取热门帖子的 Dribbble 提要？

Question

我试图在一个包含最新热门帖子的网站上提供 Dribbble 供稿。我不确定是否应该通过以下方式注册应用程序：https://dribbble.com/account/applications/new 或者我可以只使用 JSON 或 AJAX 来提取发布在 Dribbble 上的最新照片吗？

我已经尝试过了，但没有成功。我收到错误：

错误：

GET https://api.dribbble.com/shots/popular?callback=jQuery111104258300690995278_1471442725999&_=1471442726000 404 (Not Found)

JS：

$.getJSON("http://api.dribbble.com/shots/popular?callback=?", function(data) {
    console.log(data);
    $('.dribbble-feed').append('<img src="' + data.shots[0].image_url + '" />');
});

演示：http://codepen.io/anon/pen/YWgLaR?editors=1111

如果还有任何问题，请告诉我。提前谢谢你。

更新

按照 Karol Klepacki 给出的回复后，我在将数据记录到控制台时收到以下信息：

更新的 JS：

$.getJSON("https://api.dribbble.com/v1/shots/popular?callback=?", function(data) {
    console.log(data);
    $('.dribbble-feed').append('<img src="' + data.shots[0].image_url + '" />');
});

Answer 1

dribble api 的正确地址是https://api.dribbble.com/v1/shots。

现在您必须对自己进行身份验证。你必须register application，你可能会得到一些令牌，你必须附加到你的请求中（方法2from here对你来说应该更容易。然后你会有像https://api.dribbble.com/v1/shots/?access_token=TOKEN这样的请求

$(document).ready(function() {

  $.getJSON("https://api.dribbble.com/v1/shots/?access_token=TOKEN", function(data) {
    data.forEach(function(e){
      $('.dribbble-feed').append('<img src="' + e.images.normal + '" />');
    })
  });
});