여러 페이지에 걸쳐 데이터를 가져 오는 방법은 무엇입니까?

Question

내 프로젝트를 기반으로 반작용, REDUX REDUX - 사가, ES6 나는이 API에서 데이터를 가져 오기 위해 시도 :

http://api.dhsprogram.com/rest/dhs/data/BD,2000,2004,2007?&returnFields=CharacteristicLabel,Indicator,IndicatorId,Value&f=json

당신이 볼 수 있듯이,이 특정 API 호출의 한계와 데이터를 보여줍니다 페이지 당 100 개의 데이터가 40 페이지에 분산됩니다.

대답에 따르면 : http://userforum.dhsprogram.com/index.php?t=msg&th=2086&goto=9591&S=Google 페이지 당 최대 3000data까지 한도를 확장 할 수 있습니다.

그러나 어떤 경우에는 내가 내 모든 데이터를 다음과 같이 그 일을받지 못할 것입니다 의미 제한을 초과하는 API를 호출 할 것이다 :

이

export function fetchMetaData(countryCode: string, surveyYears: string) { 
return (fetch('http://api.dhsprogram.com/rest/dhs/data/' + countryCode + ',' + surveyYears + '?returnFields=CharacteristicLabel,Indicator,IndicatorId,Value&f=json') 
    .then(response => response.json()) 
    .then(json => json.Data.map(survey => survey))) 
} 

그래서 제 질문은이다; 전체 데이터 페이지를 알고 있다면이 API의 모든 데이터를 가져 오는 가장 좋은 방법은 무엇입니까? 포럼 링크의 대답은 API를 반복하는 것이 좋습니다. 그러나이 작업을 수행하는 데 올바른 구문 사용법을 찾을 수 없습니다.

내 아이디어는 총 페이지 수를 얻기 위해 하나의 API 호출을 수행하는 것입니다. 그런 다음 이것을 redux + redux-saga를 사용하여 상태로 저장하십시오. 그런 다음 총 요청을 매개 변수로 보내고 총 총 페이지 수를 가져 오는 새로운 요청을하십시오. 그리고 이렇게함으로써 각 반복마다 데이터를 저장하는 구문을 이해할 수 없습니다.

Answer 1

가능한 해결책 - 아이디어는 페이지 수를 먼저 얻은 다음 적절한 수의 API 호출을 만들어 각 호출의 약속을 배열로 푸시하는 것입니다. 그런 다음 모든 약속이 해결 될 때까지 기다렸다가 반환 된 데이터로 무언가를하십시오.

function fetchMetaData() { 
    let pagesRequired = 0; 

    fetch('apiUrlToGetPageNumber') 
    .then(resp = > { 
     const apiPromises = []; 
     pagesRequired = resp.data.pagesRequired; 

     for (let i=pagesRequired; i>0;i--) { 
      apiPromises.push(fetch('apiUrlToSpecificPage?page = ' + i)); 
     } 

     Promise.all(apiPromises) 
     .then(responses => { 
      const processedResponses = []; 
      responses.map(response => { 
       processedResponses.push(response); 
      } 

      // do something with processedResponses here 
     }); 
    } 
} 

Answer 2

async/await을 사용하는 다른 해결책이 있습니다. 이것의 장점은 total_pages 수가 동적이기 때문에 요청을 처리하는 동안 증가하면 모든 것을 얻을 수 있다는 것입니다.

async function fetchMetaData() { 
    let allData = []; 
    let morePagesAvailable = true; 
    let currentPage = 0; 

    while(morePagesAvailable) { 
    currentPage++; 
    const response = await fetch(`http://api.dhsprogram.com/rest/dhs/data?page=${currentPage}`) 
    let { data, total_pages } = await response.json(); 
    data.forEach(e => allData.unshift(e)); 
    morePagesAvailable = currentPage < total_pages; 
    } 

    return allData; 
}