지영이의 개발 블로그
Youtube API 키 만들고 사용하기 본문
youtube api 불러오는법
1. google cloud platform 등록
https://code.google.com/apis/console/?hl=ko
Google Cloud Platform
하나의 계정으로 모든 Google 서비스를 Google Cloud Platform을 사용하려면 로그인하세요.
accounts.google.com
프로젝트 만들기를 눌러준다.
프로젝트 이름을 youtube라 적어주고 만들기를 누른다.
생성한 프로젝트를 누르고 youtube를 검색 후에 youtube Data API v3을 눌러준다.
사용을 눌러준다.
2. 가장 인기있는 데이터 받아오기
아래의 url에 들어가자.
https://developers.google.com/youtube/v3/docs/videos/list
Videos: list | YouTube Data API | Google Developers
Videos: list API 요청 매개변수와 일치하는 동영상의 목록을 반환합니다. 지금 사용해 보거나 예를 참조하세요. 요청 HTTP 요청 GET https://www.googleapis.com/youtube/v3/videos 매개변수 아래 표는 이 쿼리가 지
developers.google.com
직접 사용해 보세요! 클릭한다.
설정 할 수 있는 값들이 여러가지가 있다. 그중 우리는 모든 정보를 포함하여 가장 인기 있는 25개의 데이터를 받아오는 params 설정을 진행 할 것이다.
- part : snippet
- chart : mostPopular
- maxResults : 25
GET https://www.googleapis.com/youtube/v3/videos?part=snippet&chart=mostPopular&maxResults=25
위의 세가지를 설정하고 아래의 EXECUTE를 눌러주면 데이터가 잘 받아오는 것을 확인할 수 있다. 우리는 Oauth가 아니라 API key만 선택을 해준다.
그러면 위의 내용만 get으로 보내면 될까? 안된다. 인증 API 키를 아래와 같이 받아줘서 params에 추가해야한다.
3. 사용자 인증 정보 받기
google cloud platform에 접속하여 위와 같이 키 생성을 진행한다. 그러면 아래와 같이 바로 API 키가 생성된다.
생성된 키를 잘 저장해 둔다.
이제 위의 인기있는 데이터 가져오는 UI에서 위의 생성한 키를 추가하자.
https://www.googleapis.com/youtube/v3/videos?part=snippet&chart=mostPopular&maxResults=25&key=받은키복사
그리고 엔터를 치면 아래와 같은 결과가 나타난다.
즉, 데이터가 잘 들어온다.
그러면, 받은 데이터로 어떻게 영상을 표현할 수 있을까??? 위의 데이터에서 화면을 표현하기 위해 사용되어지는 부분의 아래의 id 부분이다.
그러면 위의 id를 이용해서 영상을 html으로 보는 방법을 확인해 보자.
'코딩 > 유튜브 클론코딩' 카테고리의 다른 글
| 유튜브 클론코딩 Axios부분 리팩토링 & 환경변수 (0) | 2022.08.05 |
|---|---|
| requset 여러개 요청하기 (with Axios multiple request) (0) | 2022.06.15 |
| fetch api 사용해보기 -선택한비디오 제목 불러오기 (0) | 2022.06.09 |
| fetch API를 이용한 REST API 호출 - 검색기능만들기 (0) | 2022.06.09 |
| fetch api 사용해보기-데이터 불러오기 (0) | 2022.06.08 |
