검색을 위해 Youtube API 키를 사용하는 중에 403() 오류를 해결하는 방법은 무엇입니까?

Question

사용 API를 내 코드를 입력하지만 난 검색 할 때 내가 이러한 오류를 받고 있어요 및 페이지로드 .....

여기

내 코드 동안

var gapikey = 'MYKEY'; 
 

 

 
$(function() { 
 
    
 
    // call fancybox pluggin 
 
    $(".fancyboxIframe").fancybox({ 
 
     maxWidth : 900, 
 
     maxHeight : 600, 
 
     fitToView : false, 
 
     width  : '90%', 
 
     height  : '90%', 
 
     autoSize : false, 
 
     closeClick : false, 
 
     openEffect : 'none', 
 
     closeEffect : 'none', 
 
     iframe: { 
 
      scrolling : 'auto', 
 
      preload : true 
 
     } 
 
    }); 
 
    
 
    $('#search-form').submit(function(e) { 
 
     e.preventDefault(); 
 
    }); 
 
}); 
 

 
function searchYoutube() { 
 
    // clear 
 
    $('#results').html('<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i><span class="sr-only">Loading...</span>'); 
 
    $('#buttons').html(''); 
 
    
 
    // get form input 
 
    q = $('#search').val(); // this probably shouldn't be created as a global 
 
    
 
    // run get request on API 
 
    $.get(
 
     "https://www.googleapis.com/youtube/v3/search", { 
 
      part: 'snippet, id', 
 
      q: q, 
 
      type: 'video', 
 
      key: gapikey 
 
     }, function(data) { 
 
      var nextPageToken = data.nextPageToken; 
 
      var prevPageToken = data.prevPageToken; 
 
      
 
      // Log data 
 
      console.log(data); 
 
      $('#results').html(''); 
 
      $.each(data.items, function(i, item) { 
 
       
 
       // Get Output 
 
       var output = getOutput(item); 
 
       
 
       // display results 
 
       $('#results').append(output); 
 
      }); 
 
      
 
      var buttons = getButtons(prevPageToken, nextPageToken); 
 
      
 
      // Display buttons 
 
      $('#buttons').append(buttons); 
 
     }); 
 
}

혼란스럽고 문제를 해결할 수 없습니다. 내 검색 엔진을 만들지 만, 이로 인해 나는 g가 아닙니다. 내 엔진에서 필요한 결과.

Answer 1

Google Api에 액세스 할 수있는 리퍼러를 지정해야합니다. 이 리퍼러는 http://console.developers.google.com으로 설정되며 요청을 수행하는 사이트와 같아야합니다. 따라서 리퍼러를 변경하거나 서버 도메인을 변경해야합니다.

가장 쉬운 방법은 refferrer를 *로 설정하면 모두을 의미합니다.