Google Picker per Drive

Di - 14 June 2012 - in

L’introduzione di Drive ha comportato una nuova e più matura esperienza per gli utenti ma ha anche aperto le porte a nuove frontiere per lo sviluppo e per la customizzazione. Google ha rilasciato un pacchetto SDK dedicato proprio all’ultimo servizio nato; poichè descriverlo interamente sarebbe troppo lungo e dispendioso per un solo articolo, ho deciso di analizzare solamente Google Picker.

Il nostro Drive visto attraverso Piker

Come leggiamo nelle pagine di documentazione, Google Picker è un “File Open” dialog cioè un componente web che espone un’ interfaccia, e la stessa UI utilizzata in Drive, verso i dati memorizzati nei server Google.
Scendendo in maggior dettaglio, Piker permette agli sviluppatori di:

  • Accedere ai file del cloud Google
  • Caricare nuove risorse nello spazio concesso
  • Selezionare ogni immagine o video disponibile in Internet ed utilizzarli nelle nostre applicazioni

Le basi tecnologiche su cui si basa questa API sono, per superare i limiti imposti dal cross-browsing, legate all’oggetto iframe di HTML e, naturalmente, all’utilizzo di javascript. Questo consente allo stesso tempo di essere retro compatibili con browser non moderni quanto pronti a supportare interfacce ed implementazioni nei software di navigazione di domani.

La guida per gli sviluppatori contiene tutto il materiale necessario per scrivere il nostro “Hello World” con Piker.

Riporto invece la logica (cioè la parte di codice javascript) che è necessario inserire in una pagina HTML statica o dinamica per poter caricare nello storage di Google i nostri file e ricevere una conferma mediante una callback.

Per questo ed altri importanti esempi è sempre possibile fare riferimento alle pagine di documentazione ufficiale.

google.setOnLoadCallback(createPicker);
google.load('picker', '1');
function createPicker() {
var view = new google.picker.View(google.picker.ViewId.DOCS);
view.setMimeTypes('image/png,image/jpeg');
var uploadView = new google.picker.DocsUploadView();
var picker = new google.picker.PickerBuilder().
addView(view).
addView(uploadView).
setAppId(YOUR_APP_ID).
setCallback(pickerCallback).
build();
picker.setVisible(true);
}
function pickerCallback(data) {
if (data.action == google.picker.Action.PICKED) {
var fileId = data.docs[0].id;
alert('The user selected: ' + fileId);
}
}

Upload con Piker

Esempio di upload

Via | Google Apps Developer Blog


Leave a Reply

Andrea Testa Articolo scritto da

Laureato in Comunicazione Digitale, curioso ed affascinato dall'informatica, specialista Google Apps. Sviluppatore software, ama tutto ciò che si manifesta sotto forma di intelligenza, tecnica ed innovazione, come il web e l'open source.

Contatta l'autore

Previous post:

Next post: