강디너의 개발 일지

youtube search api 연동 본문

Javascript/토이프로젝트

youtube search api 연동

강디너 2020. 1. 9. 02:13
728x90
반응형

google 에서 지원해주는 youtube api로 검색을 해봤습니다.

 

export function searchYoutube(q, maxResults) {
    const params = {
        key,
        part: 'snippet',
        q,
        maxResults,
    };
    return axios.get(`https://www.googleapis.com/youtube/v3/search`, {params});
}

 

key는 youtube api 키

part는 youtube api 에서 어느 정도 보여줄 지 정해주는 범위이며 할당량 사용 관리를 위한 변수 입니다.

q 는 검색어

maxResults는 결과를 몇개 보여줄 지 입니다.

 

part 매개변수에 예를 들어 video 리소스는

  • snippet
  • contentDetails
  • fileDetails
  • player
  • processingDetails
  • recordingDetails
  • statistics
  • status
  • suggestions
  • topicDetails

있으며, 보오통 snippet 을 써서 데이터를 받는다고 합니다. 각각의 변수에 대해서는 다 찾아봐야 합니다.

 

이러한 모든 부분은 중첩된 속성을 포함한 개체이며 이와 같은 개체는 API 서버에서 검색하거나 검색하지 않을 수 있는 메타데이터 필드의 그룹으로 생각할 수 있습니다. 이에 따라 part 매개변수와 관련해 애플리케이션에서 실제로 사용할 리소스 요소를 선택해야 합니다. 이유는 다음과 같습니다.

  • API 할당량 사용을 관리할 수 있도록 해줍니다. API 응답에서 검색하는 부분의 수를 늘리면 이에 따라 API 사용량도 증가하며 사용 가능한 할당량은 줄어듭니다.
  • API가 애플리케이션에서 사용하지 않는 메타데이터 필드를 검색하는 데 시간을 소비하지 않도록 함으로써 지연 시간을 줄여줍니다.
  • 애플리케이션에서 검색할 수 있는 불필요한 데이터양을 줄이거나 없앰으로써 대역폭 사용량을 감소시킵니다.

리소스가 더 많은 부분을 추가함에 따라 애플리케이션에서 지원하지 않는 새로 정의된 속성을 요청하지 않으므로 이와 같은 장점은 더 늘어날 것입니다. by. 유튜브 API 설명

커피한잔...
Comments