티스토리 뷰
Youtube API 연동하여 영상 최신순으로 업로드 하기
1. 먼저 API KEY를 할당 받아야한다.
https://console.cloud.google.com/apis/credentials
Google 클라우드 플랫폼
로그인 Google 클라우드 플랫폼으로 이동
accounts.google.com
사용자 인증정보 탭에서 API KEY를 할당받는다.
사용자 인증정보 만들기
2. API 사용을 눌러줘야한다.
이는 ERROR 창에서 URL을 확인하여 접속할 수도 있다.
3. 파라미터 정보는 아래 홈페이지에서 확인할 수 있다.
https://developers.google.com/youtube/v3/docs/videos/list
Videos: list | YouTube Data API | Google Developers
Videos: list 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. API 요청 매개변수와 일치하는 동영상의 목록을 반환합니다. 지금 사용해 보거나 예를 참조하세요.
developers.google.com
4. 채널 ID 찾기
YOUTUBE 채널 URL에 채널 ID가 노출되는 채널이 있는가 하면 노출되지 않는 채널도 있다.
이렇게 URL에서 UC로 시작하는 부분이 채널 ID이다.
채널명으로 ID 알아내는 법이다.
url: https://www.googleapis.com/youtube/v3/search?part=snippet&q=채널명&key=발급받은key
이렇게 요청했을 때 응답 중 items.id.channelId가 해당 채널의 ID이다.
예를들어,
https://www.googleapis.com/youtube/v3/search?part=snippet&&q=코딩애플&key=발급받은key
요청 시
이렇게 응답이 오는데 저기 보이는 channelId가 해당 채널의 ID이다.
5. 영상 가져오기
최신 영상을 가져오는 기본 url은
url: "https://www.googleapis.com/youtube/v3/videos?part=snippet&maxResults=25&channelId=채널ID&key=발급받은 키",
videos 부분은 홈페이지를 보며 videos, playlists, playlistItems 등으로 변경가능하다.
videos : 최근 영상 순으로 가져오기
playlists : 재생목록 (제목) 가져오기
playlistItmes : 재생목록에 따른 영상 가져오기
'Front-end 공부하기' 카테고리의 다른 글
[CSS] 말줄임 - 한줄, 여러줄 (0) | 2023.01.17 |
---|---|
[CSS] vw사용했는데도 나오는 수평 스크롤 없애기 (0) | 2022.10.13 |
[HTML] 클릭시 원하는 위치로 이동시키기 (0) | 2022.09.28 |
[jQuery] $(this) 가 안될 때 (0) | 2022.09.19 |
aos 사용하기 - 스크롤시 화면에 나왔다 안나왔다 애니메이션 넣기 (0) | 2022.09.05 |