기본 콘텐츠로 건너뛰기

YouTube api 사용하기





안녕하세요 광흠입니다.

이번에 포스팅할 내용은 유투브 api 에서 채널의 동영상 리스트 하는 법을 작성하려합니다.

예전에는 간단한 url 호출로 api를 쓸 수 있었었는데

보안때문인지는 몰라도 좀 절차가 많이 복잡해 졌더라구요


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

위의 링크로 들어가셔서 일단 검색할 아이디를 찾아야하는데요


part에 contentDetails를 적으시고

forUsername 또는 id로 검색 할 수 있는데 forUsername에는 로그인하는 아이디

id에는 채널 아이디를 작성하시면 됩니다.(둘중 하나 선택하시면 되요)


그러고 나서 요청 누르시면 밑에 드래그 한것처럼 uploads를 복사해둡니다.

그런 다음에


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

PlaylistItems로 들어가셔서


part에는 snippet을 작성하고 밑에 playlistId 데다가 전에 복사한 uploads를 채워 넣습니다

작성 다 하고 요청 버튼을 누르면




이렇게 요청한 내용이 나옵니다. 여기 까지 오셨다면 거의 다한 것입니다.

request쪽 보시면 

https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&playlistId=UUKBGEFVPKHC5U_TfaSaHLgA&key={YOUR_API_KEY}

이렇게 되어있는데 가장 중요한 key를 얻어야하는 작업이 남았습니다.


https://console.developers.google.com/project

google console로 접속하셔서 api키를 발급받아야합니다.



접속하셔서 프로젝트 만들기를 클릭합니다.



원하시는 프로젝트 이름을 적으시고 id도 적습니다

만들고 난 후 프로젝트를 클릭하셔서 들어가서 


API 및 인증에서 API로 접속 하시고 YouTube Data API v3를 찾으셔서 사용으로 바꿉니다.



그런다음 사용자 인증정보 메뉴로 들어가서 새 클라이언트ID와 새 키를 만들기를 합니다.








저는 웹상에서 필요하기때문에 브라우저 키를 생성하였습니다

그다음 ip와 포트를 작성해주시고 만드시게 되시면 


밑에 그림처럼 api키를 얻을 수 있습니다.



그럼 javascript에서 
https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&playlistId=UUKBGEFVPKHC5U_TfaSaHLgA&key=AIzaSyDFKSzOm9u58L71SE8PlFmS3aGf6CPXf-k

해당 url을 호출하면 밑에처럼 api를 사용할 수 있습니다.



사용하는 파라미터가 많기때문에 필요에따라 쓰시면 될 것 같습니다

이상으로 포스팅을 마치겠습니다

감사합니다~~!!
라벨:

댓글

  1. Unknown2015년 3월 12일 오후 11:06

    내용 좋네여~~ 잘봤습니다. 앞으로 자주 들르겠습니다.

    답글삭제
  2. 익명2015년 5월 12일 오전 6:14

    메일로 문의 드렸습니다.
    확인 부탁드립니다.^^

    답글삭제
    답글
    1. 익명2015년 9월 22일 오후 10:42

      연락드렸습니다 ^^ 즐거운 코딩 되세요

      삭제

댓글 쓰기

이 블로그의 인기 게시물

Ext JS 4.2 트리 기본 구조

Ext.require([ '*' ]); Ext.onReady( function (){      var   store = Ext.create( 'Ext.data.TreeStore' , {             id: 'store' ,             proxy: {             data : data             type: 'memory' ,             reader:{                 type: 'json '             }         },         root: {             text: "ROOT" ,             id: "ROOT" ,             expanded: tru e         }     });      var  tree = Ext.create( 'Ext.tree.Panel' , {         id: 'tree' ,         rootVisible: true ,         multiSelect: false ,         store: store,         height: 600,         renderTo: Ext.get( 'treeList' )     });  }); 필자가 생각하기에 Ext Js 트리 가장 기본 옵션인거 같다. 실 작동 URL[ http://jsfiddle.net/Kwangheum/vkbSS/ ] Ext JS 4.2 트리 1. Ext JS 4.2 트리 기본구조 2. Ext JS 4.2 트리 이름 변경하기 3. Ext Js 4.2 트리 그리드 에디팅 4. Ext JS 4.2 트리 드래그 & 드롭 5. Ext JS 4.
댓글 쓰기
자세한 내용 보기

맥에서 ssh 터널링 하는 방법

이번에 작업하면서 터널링 열어서 접속 해야하는 경우가 발생하였다.. (사실 기존에는 ssh 접속만 했지 깊이 파보진 않아서.. 이번에 처음으로 터널링을 해보았다.) 회사에서 알려준 방법은 windows에서 putty로 하는 방법을 알려줬는데 putty 와 비교하면서 설명을 해보겠다. 회사에서 준건 이렇게 이미지를 받았다. 맥에서는 터널링서버IP와 포트 그리고 터널링을 이용하여 실제 접속하고싶은 IP와 포트를 알면된다. 터미널에서 $ ssh 터널링 접속 아이디@터널링서버 IP -p 22 -N -L 10555:실제 접속하고싶은 IP:22 이렇게 작성을 하시면 실제 터널링을 열어주게 된 것이다.  사용된 옵션 :  -p [number]   : number 포트번호로 접속한다.  -N  : 원격 쉘을 실행시키지 않고 접속만 유지한다.  -L [로컬포트번호:호스트:호스트포트번호]  : 로컬 포트번호로 listen 소켓을 열고 들어오는 패킷을 원격지에서 호스트:호스트포트번호로 전송한다.  [출처 http://blog.lael.be/post/845] 그런다음 새로운 터미널에서 $ ssh (실제 접속하고싶은 IP)에서 사용될 ID@127.0.0.1 -p 10555 이렇게 하면 터널링에 접속이 된다!
댓글 쓰기
자세한 내용 보기

Ext JS 4.2 트리 그리드 에디팅

var tree = Ext.create( 'Ext.tree.Panel' , {      id: "gridTree" ,     autoHeight: true ,     renderTo: Ext.get( 'dataArea' ),     useArrows: false ,     rootVisible: false ,     store: store,     multiSelect: true ,     plugins: [          Ext.create( 'Ext.grid.plugin.CellEditing' , {             clicksToEdit: 1         })     ],     rowLines: true ,     columns: 컬럼(column) }); tree.on( 'validateedit' , function (editor, e) {      if (e.record.data[e.field]==e.value){         e.cancel = true ;     } }); tree.on( 'edit' , function (e){     console.log( "필드 값(field value)" +e.context.field);     console.log( "이전  값(before value)" +e.context.originalValue);     console.log( "현재  값(now value)" +e.context.value); }); 필자는 그리드에서 수정 된것을 'validateedit'라는 좋은 옵션이 있는데 'edit' 에서 하고있었다. Ext Js 에서는 수정을 한 후 적용 전에 벨리데이션을 하는 곳이 따로 존재하였다.
댓글 쓰기
자세한 내용 보기