Come condividere file .html, .js, .css e .xml in una cartella pubblica di Google Drive con il link diretto.

Come creare una cartella pubblica su Google Drive, ricavarne l'ID, caricarci file HTML, CSS, XML e javascript e ottenerne il link diretto da usare nei modelli, nei temi e nei widget.

Aggiornamento del 20 Gennaio 2014 - Il metodo presentato in questo post per ottenere gli hotlink da Google Drive è stato perfezionato come illustrato nell'articolo Hosting Google Drive.

Verso febbraio di quest'anno fummo informati da un tecnico di Google mediante un post su Google+ della possibilità di usare Google Drive come hosting di file HTML, javascript, CSS o XML. Successivamente sono apparse delle istruzioni anche nel Centro assistenza di Google Drive che però sono tutt'altro che analitiche. A fronte di questa interessantissima funzionalità pubblicai un articolo su come caricare questi file e avere il loro link diretto. L'hotlink o link diretto è assolutamente necessario quando si voglia inserire l'indirizzo di tale file in un widget o in un modello. Successivamente ho perfezionato questo meccanismo che ho illustrato in un post del novembre scorso. 

Gli hotlink ottenuti con i due sistemi precedenti pur perfettamente funzionanti hanno però delle controindicazioni formali. Innanzitutto l'URL dei file è formato da un ID alfanumerico che non dice nulla sul suo nome e sul suo formato. In secondo luogo questi file non si possono visualizzare nel browser come invece accade con quelli caricati nella cartella Public di Dropbox.

Queste due obiezioni vengono definitivamente rimosse dalla nuova procedura che vado a presentare e che parte dalla individuazione non tanto dell'ID del file ma di quello della cartella di Google Drive in cui il file è stato caricato. Per prima cosa quindi occorre accedere a Google Drive da loggati su Google, cliccare su I miei File e andare su Crea > Cartella

Dopo aver dato il nome alla cartella bisogna renderla pubblica. Per far questo occorre cliccare sulla freccetta presente sulla destra del nome della cartella per aprire il menù a discesa quindi andare su Condividi > Condividi > Cambia e mettere la spunta su Pubblica sul web

A questo punto possiamo iniziare a caricare i file di cui vogliamo ottenere il link andando sulla icona dell'Upload. È opportuno non convertire i file nel formato di Google Drive ma lasciare quello originale. Il caricamento sarà visualizzato in basso a destra e successivamente il file sarà visualizzato nella cartella.

Bisogna adesso risalire all'ID della cartella copiando il suo indirizzo dal browser

L'ID della cartella non è altro che la stringa alfanumerica posta alla fine dell'URL. Tale stringa deve essere incollata nella parte finale di questo nuovo URL

https://googledrive.com/host/

in questo modo

https://googledrive.com/host/0B8Kl05rP7bK8ZlBId18yWThoWVU/ 

Questo nuovo indirizzo se aperto nel browser mostrerà la cartella con tutti i file contenuti in un nuovo aspetto più essenziale senza gli strumenti di Google Drive e con la data dell'ultima modifica

Adesso si può cliccare su ciascuno dei file presenti per aprirlo e avere il suo link diretto

I file verranno realmente visualizzati nel browser e il loro indirizzo sarà formato da tre parti. Le prime due sono comuni a tutti i file presenti nella cartella e nello screenshot sono state colorate di rosa e di verde mentre la terza non sarà altro che il nome e l'estensione del file. Questo ci darà modo di riconoscere immediatamente di cosa si tratti. Ho postato un breve video tutorial sul mio Canale Youtube

Google ci informa che possono naturalmente essere caricati su Google Drive dei file con linguaggi server-side scripting come il PHP ma che Google non supporterà le loro risorse web richiamabili tramite il loro hotlink.  Sono comunque sicuramente compatibili e supportati i file HTML, Javascript, XML e CSS e questa funzionalità sarà utile ai proprietari di domini personalizzati che non possono usare Google Sites per i file dei widget e delle personalizzazioni del loro modello su Blogger.