2012-07-03 4 views
13

Próbuję użyć dysku Google do listy plików.Dysk Google API interfejsu API javascript

Użycie odpowiedzi w https://stackoverflow.com/a/11280257 Znalazłem problem, którego nie mogę znaleźć.

var clientId = '*********.apps.googleusercontent.com'; 
var apiKey = '##########'; 
var scopes = 'https://www.googleapis.com/auth/drive'; 


function handleClientLoad() { 
    gapi.client.setApiKey(apiKey); 
    window.setTimeout(checkAuth,1); 
} 

function checkAuth() { 
    gapi.auth.authorize({client_id: clientId, scope: scopes, immediate: true},handleAuthResult); 
} 

function handleAuthResult(authResult) { 
    var authorizeButton = document.getElementById('authorize-button'); 

    if (authResult && !authResult.error) { 
     authorizeButton.style.visibility = 'hidden'; 
     makeApiCall(); 
    } 
    else { 
     authorizeButton.style.visibility = ''; 
     authorizeButton.onclick = handleAuthClick; 
    } 
} 

function handleAuthClick(event) { 
    gapi.auth.authorize({client_id: clientId, scope: [scopes], immediate: false}, handleAuthResult); 
    return false; 
} 

function makeApiCall() { 
    gapi.client.load('drive', 'v2', makeRequest); 
} 

function makeRequest() 
{ 
    var request = gapi.client.drive.files.list({'maxResults': 5 }); 

    request.execute(function(resp) {   
     for (i=0; i<resp.items.length; i++) { 
      var titulo = resp.items[i].title; 
      var fechaUpd = resp.items[i].modifiedDate; 
      var userUpd = resp.items[i].lastModifyingUserName; 
      var userEmbed = resp.items[i].embedLink; 
      var userAltLink = resp.items[i].alternateLink; 

      var fileInfo = document.createElement('li'); 
      fileInfo.appendChild(document.createTextNode('TITLE: ' + titulo + ' - LAST MODIF: ' + fechaUpd + ' - BY: ' + userUpd));     
      document.getElementById('content').appendChild(fileInfo); 
     } 
    });  
} 

mam ten błąd:

Uncaught TypeError: Cannot read property 'files' of undefined 

w linii

var request = gapi.client.drive.files.list({'maxResults': 5 }); 

Odpowiedz

23

Korzystanie

var request = gapi.client.request({ 
     'path': '/drive/v2/files', 
     'method': 'GET', 
     'params': {'maxResults': '1'} 
     }); 

zamiast

var request = gapi.client.drive.files.list({'maxResults': 5 }); 

rozwiązało problem!

+1

Dziękujemy za udostępnienie! To działa dla mnie. Uważam za dziwne, że kod, który został zamieszczony jako przykład w dokumentacji API, nie działa zgodnie z oczekiwaniami ... – Nielsm

7

Kod wygląda OK i poprawnie czekasz aż do zakończenia luki.client.load. Może to być po prostu błąd podczas wczytywania plików JS dysku lub innego problemu (może zły bufor pliku JS?). I zmodyfikowane Twój przykład trochę uruchomić na jsfiddle, spojrzeć na http://jsfiddle.net/Rbg44/4/ pełny przykład:

HTML:

<button id="authorize-button">Authorize</button> 
<div id="content">Files:</div> 

JS:

var CLIENT_ID = '...'; 
var API_KEY = '...'; 
var SCOPES = '...'; 

function handleClientLoad() { 
    gapi.client.setApiKey(API_KEY); 
    window.setTimeout(checkAuth,1); 
} 

function checkAuth() { 
    var options = { 
     client_id: CLIENT_ID, 
     scope: SCOPES, 
     immediate: true 
    }; 
    gapi.auth.authorize(options, handleAuthResult); 
} 

function handleAuthResult(authResult) { 
    var authorizeButton = document.getElementById('authorize-button'); 

    if (authResult && !authResult.error) { 
     authorizeButton.style.visibility = 'hidden'; 
     makeApiCall(); 
    } else { 
     authorizeButton.style.visibility = ''; 
     authorizeButton.onclick = handleAuthClick; 
    } 
} 

function handleAuthClick(event) { 
    var options = { 
     client_id: CLIENT_ID, 
     scope: SCOPES, 
     immediate: false 
    }; 
    gapi.auth.authorize(options, handleAuthResult); 
    return false; 
} 

function makeApiCall() { 
    gapi.client.load('drive', 'v2', makeRequest); 
} 

function makeRequest() { 
    var request = gapi.client.drive.files.list({'maxResults': 5 }); 
    request.execute(function(resp) {   
     for (i=0; i<resp.items.length; i++) { 
      var titulo = resp.items[i].title; 
      var fechaUpd = resp.items[i].modifiedDate; 
      var userUpd = resp.items[i].lastModifyingUserName; 
      var userEmbed = resp.items[i].embedLink; 
      var userAltLink = resp.items[i].alternateLink; 

      var fileInfo = document.createElement('li'); 
      fileInfo.appendChild(document.createTextNode('TITLE: ' + titulo + 
       ' - LAST MODIF: ' + fechaUpd + ' - BY: ' + userUpd));     
      document.getElementById('content').appendChild(fileInfo); 
     } 
    });  
} 

$(document).ready(function() { 
    $('#authorize-button').on('click', handleAuthClick); 
    $.getScript('//apis.google.com/js/api.js', function() { 
    gapi.load('auth:client', handleClientLoad); 
    }); 
}); 

można sprawdzić w swoich przeglądarkach narzędzia deweloperskie, jeśli istnieje jakiś problem w żądaniu zgłoszonym podczas wywoływania luki.client.load()?

4

Musisz napisać tak:

gapi.client.load('drive', 'v2', null); 
+1

To jest pomocna odpowiedź. To sprawia, że ​​przykładowy kod z Google działa. –