[React] Youtube API 사용법

최영진·2023년 1월 25일
0

React

목록 보기
13/16

Youtube API 사용법

1. API KEY 발급

2. Youtube API

3. Search 예제

https://www.googleapis.com/youtube/v3/search?part=snippet&maxResults=25&q=typescript&type=video&key=발급받은 KEY
  • 링크에 발급받은 key 만 교체하여 json 파일을 받아보면
    typescript 를 검색하여 나온 인기 순위로 25개의 영상을 보여준다.
  • 직접사용해보기! 를 이용하여 자유롭게 링크를 만들 수 있다.

4. 영상

  • json 파일에 보면 각 item 에 id 가 있다.
https://www.youtube.com/watch?v="id"
  • 위 링크의 "id" 에 id 값을 넣으면 영상을 업로드 할 수 있다.
  • axios 를 사용하든 json 파일을 이용하는 것은 자유!
profile
안녕하시오.

0개의 댓글