javascript youtube data search api v3 리스트검색

유투브 data api사용해서 리스트검색 만들기.

1. https://console.developers.google.com/apis/library?hl=ko&project=tag-search-1330

   구글 apis가서 youtube data api추가해야함.

2. 프로젝트 만듬.

2-1. 이름은 아무거나ㅋ

3. 만들기누르면 아래화면으로 가는데. 사용설정눌러야함ㅋ.

4. 그 후에 사용자인증정보탭가서 키생성ㅋ.

   웹에서돌릴거니까 브라우저키 ㅇㅇ.

5. 리퍼러에 올릴서버 추가해줘야됨ㅋ.

6. 생성하면 사용준비는끝난거,,

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

여기서는 실제로 api리스트 볼수있는 페이지.

execute시키면 get받는 url도 뿌려준다.

7.ajax로 받아와서 뿌려주면 끝ㅋ.

function fnGetList(sGetToken){
	var $getval = $("#search_box").val();
	if($getval==""){
		alert("검색어를 입력하세요.");
		$("#search_box").focus();
		return;
	}
	$("#get_view").empty();
	$("#nav_view").empty();
	var sTargetUrl = "https://www.googleapis.com/youtube/v3/search?part=snippet&order=relevance"
			+ "&q="+ encodeURIComponent($getval) +"&key={아까 api브라우저 생성키}";
	if(sGetToken){
		sTargetUrl += "&pageToken="+sGetToken;
	}
	$.ajax({
		type: "POST",
		url: sTargetUrl,
		dataType: "jsonp",
		success: function(jdata) {
			console.log(jdata);

			$(jdata.items).each(function(i){
				//console.log(this.snippet.channelId);
				$("#get_view").append("
"
				+""+this.snippet.title+"
");
			}).promise().done(function(){
				if(jdata.prevPageToken){
					$("#nav_view").append("<이전페이지>");
				}
				if(jdata.nextPageToken){
					$("#nav_view").append("<다음페이지>");
				}
			});
		},
		error:function(xhr, textStatus) {
			console.log(xhr.responseText);
			alert("에러");
			return;
		}
	});
}

http://www.luve.co.kr/test/parkjh/youtube/youtube_api.asp