I am looping through an array of id and calling an API each time with the id.
The code works but the issue is the result obtained is not consistent in each loop. In some of the loop the response is "You have reached the maximum per-second rate limit".
So I added a delay of 3 seconds to the fetch function but it doesn't seem to work.

Code:

export async function getThirdAPI(access_token, id_array, globalObject) {
  
 const apiPromises = id_array.map(async (id) => {
   return new Promise(resolve => setTimeout(resolve, 3000)).then(async()=>{
    let url = `${baseAPI}/participants/${id}`;
    var obj = {
      method: 'GET',
      headers: {  
      authorization: `Bearer ${access_token}`
         }
    }
    const response = await fetch(url, obj);
    return await response.json();
    })
  });

  const results = await Promise.all(apiPromises);
  console.log(results)

  globalObject.store_data.push(...results);

  return globalObject;
}

When I console log "results" I get something like below:

{
  page_count: 1,
  page_size: 300,
  total_records: 2,
  next_page_token: '',
  participants:[ Object }
},
{
  page_count: 1,
  page_size: 300,
  total_records: 3,
  next_page_token: '',
  participants:[ Object }
},
{
  code: 429,
  message: "You have reached the maximum per-second rate limit. Try again later"
},
{
  page_count: 1,
  page_size: 300,
  total_records: 11,
  next_page_token: '',
  participants:[ Object }
},
{
  code: 429,
  message: "You have reached the maximum per-second rate limit. Try again later"
}

Any suggestions would be great!

I am looping through an array of id and calling an API each time with the id.
The code works but the issue is the result obtained is not consistent in each loop. In some of the loop the response is "You have reached the maximum per-second rate limit".
So I added a delay of 3 seconds to the fetch function but it doesn't seem to work.

Code:

export async function getThirdAPI(access_token, id_array, globalObject) {
  
 const apiPromises = id_array.map(async (id) => {
   return new Promise(resolve => setTimeout(resolve, 3000)).then(async()=>{
    let url = `${baseAPI}/participants/${id}`;
    var obj = {
      method: 'GET',
      headers: {  
      authorization: `Bearer ${access_token}`
         }
    }
    const response = await fetch(url, obj);
    return await response.json();
    })
  });

  const results = await Promise.all(apiPromises);
  console.log(results)

  globalObject.store_data.push(...results);

  return globalObject;
}

When I console log "results" I get something like below:

{
  page_count: 1,
  page_size: 300,
  total_records: 2,
  next_page_token: '',
  participants:[ Object }
},
{
  page_count: 1,
  page_size: 300,
  total_records: 3,
  next_page_token: '',
  participants:[ Object }
},
{
  code: 429,
  message: "You have reached the maximum per-second rate limit. Try again later"
},
{
  page_count: 1,
  page_size: 300,
  total_records: 11,
  next_page_token: '',
  participants:[ Object }
},
{
  code: 429,
  message: "You have reached the maximum per-second rate limit. Try again later"
}

Any suggestions would be great!

• javascript
• timeout
• settimeout
• fetch-api

3 Answers 3

you can install this pckg npm install sleep-promise

import sleep from "sleep-promise";

   
function fetchUrl(url) {
  return fetch(url)
    .then(res => res.json())
    .then(sleep(2000));
}

A little hacky solution is to preschedule all the promises with an incrementing delay. First after 500ms, second after 1000ms, third after 1500ms etc.

var delay = 1000;

const apiPromises = id_array.map(async(id, index) => {
  return new Promise(resolve => setTimeout(resolve, delay * index)).then(async() => {
    let url = `${baseAPI}/participants/${id}`;
    var obj = {
      method: 'GET',
      headers: {
        authorization: `Bearer ${access_token}`
      }
    }
    const response = await fetch(url, obj);
    return await response.json();
  })
});

I have any suggestion for your issue. I recently applied a clean solution in this way.So you've applied a delay random.

function RandomNumber(min, max, decimal) {
  const rand = Math.random() * (max - min) + min;
  const power = Math.pow(10, decimal);
  return Math.floor(rand * power) / power;
}

(function callApi(i) {
  setTimeout(function () {
    YOUR_API_CALL_PROCESS_HERE

    i++;
    if (i < id_array.length) {
      callApi(i);
    }
  }, RandomNumber(1000, 2000, 0));
})(0);