将多个API调用合并到一个请求中

Combining multiple API calls into one request

本文关键字：一个 请求 API 调用 合并      更新时间：2023-09-26

我正在制作一个名为"Your Life in Music"的网络应用程序，用户可以在该应用程序中输入自己的生日，该应用程序会显示他们出生以来每个生日的热门广告牌。该应用程序与Last.fm api对话，以检索每首歌曲的专辑艺术。目前，该应用程序需要一段时间才能编译所有专辑艺术，有人建议将所有API调用合并到一个请求中，以加快速度。不过我还是个新手，我不确定这能不能做到。所以我的问题是：如何将多个调用合并为一个请求？

以下是应用程序：http://www.dailyspiro.com

关键代码：

function compileDisplay(birthDays) {
// create an HTML list that for each birthday displays top song, artist, and album art
htmlObj = {}
for (i = 0; i < birthDays.length; i++) {
    var age = birthDays[i][0]; // age isn't equal to i if user was born before 1958
    var date = birthDays[i][1];
    var track = billboard[date]['song'];
    var artist = billboard[date]['artist'];
    getAlbumArt(age, track, artist, birthDays);
  }
}
function getAlbumArt(age, track, artist, birthDays) {
$.getJSON("http://ws.audioscrobbler.com/2.0/?method=track.getInfo&api_key=(myApiKey)&artist=" + artist + "&track=" + track + "&format=json&callback=?", function (data) {
    try {
        var image = data.track.album.image[2]['#text'];
        if (image == 'http://cdn.last.fm/flatness/catalogue/noimage/2/default_album_medium.png') {
            throw 'generic image';
        }
    } catch (err) {
        var image = 'images/' + track + '.jpg';
    }
    compileHtml(age, track, artist, image, birthDays)
  })
}

是否可以将API调用批处理在一起取决于API本身。我快速查看了API，没有发现任何允许批处理多个操作的内容。我还检查了一种方法，该方法可以同时检索多个曲目信息，但没有成功。看来你运气不好。

但是，您可以实现某种缓存，以避免一直执行这些请求。例如，您可以拥有自己的服务器端服务，该服务充当lastfm API和客户端应用程序之间的中间层。然后，服务器端API将实现缓存和任何其他优化逻辑。

相关文章：