티스토리 뷰
[채널 연동법] [플레이리스트 연동법]
[채널 연동법] - Javascript로 활용
SCRIPT 변수 값 지정
//api key
const apiKey = '[본인의 api key 발급받아야합니다 !!! ]';
//채널아이디
const channelId = '[가져오고싶은 유튜브 채널 아이디 !!! ]';
// Channel
const channels
= `https://www.googleapis.com/youtube/v3/channels?key=${apiKey}&id=${channelId}&part=snippet,contentDetails,statistics`;
apiKey : 유튜브 관련 정보를 얻을려면, api key를 발급받아야 합니다.
channelId : 가져오고싶은 채널의 아이디
channels : 공식 홈페이지의 요청 HTTP를 이때 활용합니다.
?key=${apiKey}&id=${channelId}&part=snippet,contentDetails,statistics`;
키값, 채널id, 필수 매개변수
GET https://www.googleapis.com/youtube/v3/channels
SCRIPT 가지고 올 수 있는 데이터를 확인 !
&part = snippet, contentDetails, statistics;
위 와같이 파라미터를 붙이면 콘솔창에 아래와 같이 해당 정보를 불러올 수 있습니다. !!
const channels
= `https://www.googleapis.com/youtube/v3/channels?
key=${apiKey}&id=${channelId}&part=snippet,contentDetails,statistics`;
fetch(channels)
.then(res => res.json())
.then(data => {
console.log(data);
});
이제는 가져와서 뿌려주면 완료!!
(혹쉬, 정보를 뿌리는법을 알고싶다면 댓글로 적어주시면 업데이트 할게요 !!)
위에는 채널에 관한 정보였지만, 다음에는 채널안에있는 비디오에 관한 정보를 뿌려주고 싶다면 !!
아래 주황 화살표로 같이 위와 같이 적용하면 됩니다 !!
(플레이 리스트도 알고싶다면 댓글 적어주시면 업데이트 하겠습니다 !!)
'JAVASCRIPT > 유용기능' 카테고리의 다른 글
[UI][Javascript] 3d button & toggle(only css) (0) | 2021.03.24 |
---|---|
[Javascript] scroll background change (0) | 2020.12.16 |
[Javascript] 말하면서 일기쓰기 (0) | 2020.10.27 |
[Javascript] Gallery , change Image (0) | 2020.10.14 |
[Javascript] odometer (0) | 2020.09.03 |
댓글
© 2018 eh2world