Compatibilità:

WebSite X5 Evo e Pro

Dropbox è uno dei servizi di cloud storage più famosi sulla rete. In parole semplici con Dropbox hai uno spazio web a disposizione dove archiviare e condividere i tuoi file: puoi registrare un account gratuito e poi, se vuoi, passare a uno dei piani superiori.


Grazie all’Oggetto Dropbox Gallery puoi inserire nelle pagine del tuo sito una Galleria che “pesca” le immagini da visualizzare direttamente da una cartella su Dropbox. Tu aggiungi o elimini file da questa cartella, e in automatico la Galleria si aggiorna, senza che tu faccia nulla sul sito. In più, puoi decidere di condividere la cartella di Dropbox consentendo così anche ad altre persone di aggiornare la Galleria senza dover dare loro il progetto del sito.



Come predisporre i file su Dropbox

Innanzitutto è necessario che tu abbia un account, anche free, su Dropbox. Fatto questo, devi procedere in questo modo:  

  • Fai il login e accedi alla piattaforma di Dropbox dedicata agli sviluppatori: https://www.dropbox.com/developers.
  • Sei nell'ambiente dedicato agli sviluppatori: clicca sul pulsante Create apps.
  • Segui la procedura guidata. Clicca su Choose an API, quindi scegli il tipo di accesso che vuoi consentire: ti consigliamo di consentire l'accesso a una singola cartella creata apposta per l'app. Digita un nome per la tua app (per esempio, "MyApp") e, infine, clicca sul pulsante Create app.
  • Hai di fatto creato la tua app e da questi pannelli puoi gestirne le impostazioni e visualizzarne le statistiche. 
  • Rimani nel pannello Settings: come vedi, il nome che hai dato alla tua App viene ripreso anche come nome della cartella da cui l'App stessa attinge (App folder name). Se vuoi, puoi modificare questo nome cliccando sul pulsante Change.
  • Inserisci nel campo Redirect URIs il seguente link: https://webui.websitex5.com/dropbox-login/ Una volta copiata la URL, clicca sul pulsante Add posto a fianco del campo.
  • Apri il pannello Permission e clicca in modo da attivare la voce files.content.read: nel caso conferma cliccando su Submit.
  • Ora puoi tornare nel pannello Settings: qui trovi sia la App key che la App Secret che ti occorrono per procedere. 


Come impostare la galleria in WebSite X5

A questo punto puoi tornare a lavorare in WebSite X5:

  • Inserisci l’Oggetto Dropbox Gallery in una pagina, selezionalo sulla Griglia e clicca sul pulsante  per accedere alla finestra delle impostazioni.
  • Copia (CTRL+C) la App key e la App Secret dal pannello di Dropbox e incollale (CTRL+V) nei relativi campi presenti in WebSite X5.
  • Inserite l'App key e l'App secret, un messaggio di avviso ti avverte che per procedere devi ottenere un ulteriore codice: clicca sul pulsante Richiedi un Refresh Token.
  • In una finestra browser viene aperto Dropbox: segui la procedura che ti porterà ad ottenere il Refresh Token.
  • Ottenuto il Refresh Token copialo e incollato nel campo corrispondente in WebSite X5. Con quest'ultimo passaggio hai collegato la tua applicazione Dropbox alla galleria.
  • Specifica il percorso della cartella dell'applicazione in cui sono archiviate le immagini su Dropbox; nel nostro esempio è: /Images.
  • Imposta la Frequenza di aggiornamento, ovvero ogni quanto occorre controllare la cartella da cui vengono attinte le immagini per verificare se ci sono stati degli aggiornamenti.
  • Utilizza le impostazioni grafiche disponibili per definire l’aspetto e gli stili della galleria. 


Come caricare le immagini

Creata e collegata l'App, non ti resta che tornare su Dropbox per caricare i file che vuoi visualizzare nella galleria:

  • Vai nella Homepage di Dropbox (ricorda che devi essere loggato).
  • Trovi una cartella Applicazioni: fai doppio click in modo da aprirla. Al suo interno trovi la sotto-cartella che hai impostato creando l'App: proseguendo con il nostro esempio, "MyApp".
  • Apri la sotto-cartella "MyApp" e crea al suo interno una nuova sotto-cartella (per esempio, "Images"). Il percorso, dunque, sarà: Applicazioni/MyApp/Images.
  • Trascina nella cartella Images i file che intendi caricare e, di conseguenza, visualizzare nella galleria.    


#tip - Se pur avendo seguito correttamente la procedura indicata, la Galleria non funziona, contatta il tuo Hosting Provider e controlla di avere i necessari permessi di scrittura nelle cartelle.


Impaziente di usarlo nelle pagine del tuo sito? Installa subito l’Oggetto Dropbox Gallery


Non hai Crediti a sufficienza per acquistare questo Oggetto? Vedi tutti i pacchetti di Crediti