时间戳

首页 > 解决方案 > Riot API Promise 全部使用 Fetch

javascript - Riot API Promise 全部使用 Fetch

问题描述

我正在尝试循环播放 10 场英雄联盟比赛，并且对于每场比赛，调用另一个 api 来获取比赛详细信息。到目前为止，我有一个这样的功能设置：

function getAllMatchData(ids) {
    const promises = [];
    _.take(ids, 1).forEach(id => {
        const promise = fetch(`https://na1.api.riotgames.com/lol/match/v4/matches/${id}`, {
            headers: {"X-Riot-Token": token}})
        promises.push(promise);
    })
    return Promise.all(promises);
}

由于 api 返回 100 个匹配项，我只取前 10 个，然后用它们创建一个 promise 数组。然后我这样做以获得结果：

getAllMatchData(_.map(data['matches'], 'gameId')).then(results => {
     console.log(results);
}).catch(error => {
     console.log(error);
})

但是结果的控制台日志中没有任何 json 数据。它打印一个如下所示的对象数组：

Response {
    size: 0,
    timeout: 0,
    [Symbol(Body internals)]: { body: [Gunzip], disturbed: false, error: null },
    [Symbol(Response internals)]: {
      url: 'https://na1.api.riotgames.com/lol/match/v4/matches/3556728982',
      status: 200,
      statusText: 'OK',
      headers: [Headers],
      counter: 0
    }
  }

我不确定 JSON 数据响应在哪里。

标签： javascriptnode.jsexpresspromise

解决方案

使用 fetch，您需要使用您收到的响应类型来解析响应。

        const promise = fetch(`https://na1.api.riotgames.com/lol/match/v4/matches/${id}`, {
            headers: {"X-Riot-Token": token}}).then(res => res.json())

在你的情况下，它是 json。所以它就像调用一样简单res.json()。

推荐阅读