[javascript] 유튜브(youtube) api사용하여 플레이리스트 뿌리기

초간단 유튜브채널 플레이리스트 뿌리기 (iframe,javascript)

 

방식 : get방식 url을 구글api쪽으로 전송하면 json객체를 리턴해준다.  리턴값을 가공하여 플레이리스트를 만든다. 

 

준비 : 구글사용자인증키 , 유투브 플레이리스트를 가져올 채널의 채널 키

 

 

1. 유튜브는 구글꺼니깐 구글에 로그인후 https://console.developers.google.com 접속하여 사용자인증키를 생성한다.

주의 : 사용할 유투브 채널 계정과 동일해야한다.

 

 

2. 가져올 유투브 채널의 키를 가져온다. 이것은 그냥 상단 주소URL에 보인다.

 

3. api문서를 보고 어떤방식으로 url을 요청할지 찾는다. 

https://developers.google.com/youtube/v3/docs/search/list?hl=ko

나는 api참고문서중에 search:list 방식을 참고했다. 

 

 

4. 사용할 API가이드 URL에 사용자인증키랑 채널키를 GET으로 넘겨 직접 주소창에 치면 위와같이 JSON 객체가 담겨있다.

 

 

 

5. 적용한 소스코드

 

 

6. 이런식으로 플레이 리스트를 가져온다. 아이프레임이니 css로 디자인하면 된다.