2012-08-11 9 views
7

E 'possibile accedere a google api (calendario v3) da un file html locale (con javascript)? Voglio aprire c: \ temp \ gsotto \ gsotto.htm nel mio browser invece di servire il file tramite IIS.accedi a google api da html/javascript locale (senza server web)

E funziona il servizio al mio file da

http://localhost/ 

attraverso un server web. Nella console API di Google Ho un "ID client per le applicazioni web" con:

Redirect URIs: http://localhost 
JavaScript origins:  http://localhost 

e una chiave "semplice accesso API" per le applicazioni del browser (con referers)

Firebug shows me this when accessing through http://localhost/gsotto/gsotto.htm 
GET http://localhost/gsotto/gsotto.htm 
GET https://apis.google.com/js/client.js?onload=handleClientLoad 
GET https://apis.google.com/_/apps-static/_/js/gapi/client....cb=gapi.loaded_0 
GET https://ssl.gstatic.com/accounts/o/...-postmessagerelay.js 
GET https://accounts.google.com/o/oauth2/auth?client_id=.....&authuser=0 
GET https://ssl.gstatic.com/accounts/o/....-postmessage.js 

and this when access through c:\... 
GET https://apis.google.com/js/client.js?onload=handleClientLoad 
GET https://apis.google.com/_/apps-static/_/js/gapi/client.....cb=gapi.loaded_0 
GET https://ssl.gstatic.com/accounts/o/.....-postmessagerelay.js 
and nothing more.... 

do i need to use other settings in the google api console for this to work? 


<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset='utf-8' /> 
    </head> 
    <body> 
    <!--Add a button for the user to click to initiate auth sequence --> 
    <button id="authorize-button" style="visibility: hidden">Authorize</button> 
    <script type="text/javascript"> 
     // google calendar id 
     var calId = "...."; 

     var clientId = "..."; // oAuth2 webapp 
     var apiKey = "....";// Key for browser apps (with referers) 

     // google authentication scopes 
     var scopes = 'https://www.googleapis.com/auth/calendar'; 
       //https://www.googleapis.com/auth/calendar.readonly 

     // Use a button to handle authentication the first time. 
     function handleClientLoad() { 
      console.log('handleClientLoad'); 
     gapi.client.setApiKey(apiKey); 
     window.setTimeout(checkAuth,1); 
     } 

     function checkAuth() { 
      console.log('checkAuth'); 
      try { 

     gapi.auth.authorize({client_id: clientId, scope: scopes, immediate: true}, handleAuthResult); 
      } 
      catch(e) 
      { 
       console.log('e'); 
       console.log(e); 
      } 
     } 


     function handleAuthResult(authResult) { 

      console.log('handleAuthResult'); 
     var authorizeButton = document.getElementById('authorize-button'); 
     if (authResult && !authResult.error) { 
      console.log('result ok'); 
      authorizeButton.style.visibility = 'hidden'; 
      makeApiCall(); 
     } else { 
      console.log('authresult null or error'); 
      console.log(authResult); 
      authorizeButton.style.visibility = ''; 
      authorizeButton.onclick = handleAuthClick; 
     } 
     } 

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

function makeApiCall() { 
     console.log('makeApiCall'); 
    gapi.client.load('calendar', 'v3', function() { 
    var request = gapi.client.calendar.events.list({ 
     'calendarId': calId 
    }); 

    request.execute(function(resp) { 
     console.log('result:'); 
     console.log(resp); 

     for (var i = 0; i < resp.items.length; i++) { 
     var li = document.createElement('li'); 
     li.appendChild(document.createTextNode(resp.items[i].summary)); 
     document.getElementById('events').appendChild(li); 
     } 
    }); 
    }); 
} 
    </script> 
    <script src="https://apis.google.com/js/client.js?onload=handleClientLoad"></script> 
    <div id="content"> 
    <ul id="events"></ul> 
    </div> 
    </body> 
</html> 
+0

* "È possibile?" * - hai mai provato prima di chiedere? – Joseph

+0

È possibile, potrebbe essere necessario consentire l'esecuzione di script in IE –

+0

che ho provato, ma non ha ottenuto risultati. Modificata la domanda per includere il risultato di NET-log di origine e firebug – sotto

risposta

5

seconda del nel browser troverai che AJAX non è possibile quando si esegue dal protocollo file:// per motivi cross-site (o cross-protocol). I GET che vedi funzionano non sono XHR/AJAX ma tag <script> quindi la risposta è No per la maggior parte dei browser moderni. Vedi lo discussion here. Potresti farlo funzionare se esegui Chrome con --allow-file-access-from-files e --disable-web-security (link).

Problemi correlati