Impostazione di un database gratuito con Google Sheets
Tabella dei contenuti:
- L’introduzione – Clicca qui per l’articolo
- Imposta l’hosting gratuito e il dominio – Clicca qui per l’articolo
- Imposta il database gratuito con Google Sheets
- Collega il database di Google Sheet al sito web
- Aggiungi Javascript per ottenere i dati del database in loop Clicca qui per l’articolo
- Aggiungi una funzione di ricerca al sito web Clicca qui per l’articolo
- Aggiungi un modulo di contatto non dipendente da Php Clicca qui per l’articolo
Per avere un CMS è necessario avere un database. Se non hai mai usato un database che usare qualcosa come WordPress o un’altra piattaforma CMS avrà una curva di apprendimento e potrebbe essere scoraggiante capire come usarli. Inoltre, piattaforme come WordPress hanno molte parti mobili e sono più suscettibili di rompersi. WordPress richiede semplicemente più manutenzione.
Al contrario, qualcosa di molto familiare come Google Sheets, che è solo un foglio di calcolo, è qualcosa che la maggior parte delle persone sa già come usare e non è affatto intimidatorio da imparare rispetto a WordPress.
Questo metodo che andrò a esaminare è gratuito e vi aiuterà a risparmiare denaro, ma non è la soluzione migliore per i siti web che hanno bisogno di protezione avanzata della sicurezza. Tuttavia, è perfetto per un designer o uno sviluppatore che vuole mostrare il proprio lavoro o portfolio.
Come si usa Google spreadsheets per agire come database?
Prima di tutto, dovrai avere un account Google e creare un nuovo foglio di calcolo.
Se non hai un account Google, puoi andare qui.
Sotto l’opzione Start a new spreadsheet, clicca sull’opzione che dice blank. Guarda l’immagine qui sotto come riferimento.
Quando crei un nuovo foglio dovrebbe essere simile a questo:
La prima riga sarà importante. Serve come titolo alle informazioni dei dati che inseriremo.
Per esempio, se volete che la colonna B abbia dati di date, allora nella prima riga della colonna B avrete la parola data. Nelle righe seguenti inserirai le varie date di cui hai bisogno.
I titoli delle colonne dovrebbero essere solo una parola, senza maiuscole. Se hai bisogno di usare più parole per il titolo della colonna, inserisci un trattino tra le parole. Puoi vedere l’immagine qui sotto come riferimento.
Ora che il tuo foglio di Google è impostato, dovrai collegare il foglio di calcolo al tuo sito web. Per farlo useremo un javascript open source chiamato Tabletop. Lo consiglio perché è gratuito e facile da configurare.
Devi scaricare il javascript di Tabletop. Si può trovare qui.
Ci sono istruzioni dettagliate per impostarlo sulla pagina di download, ma vi darò una breve spiegazione.
- Copia e incolla il seguente codice in un file javascript per il tuo sito web:
function init() {
Tabletop.init( { key: ‘https://docs.google.com/spreadsheets/d/0AmYzu_s7QHsmdDNZUzRlYldnWTZCLXdrMXlYQzVxSFE/pubhtml’,
callback: function(data, tabletop) {
console.log(data)
},
simpleSheet: true } )
}
window.addEventListener(‘DOMContentLoaded’, init)
2. Sostituisci il link dove dice ‘key’ con la chiave del tuo foglio elettronico di Google.
Per trovare la chiave del tuo foglio elettronico, torna al tuo foglio di Google.
La chiave è nell’URL e si trova dopo “https://docs.google.com/spreadsheets/d/ ” e prima dell’ultimo “/”.
La chiave sarà composta da lettere e numeri e possibilmente avrà trattini o underscore.
Quando lo eseguirai sul tuo sito web, avrà un problema nel generare i tuoi dati e questo perché devi pubblicare il tuo foglio di calcolo.
Torna al tuo foglio di Google e vai su File > Pubblica sul web
Avrai questo menu di dialogo.
Assicurati di aver selezionato l’intero documento nell’opzione a discesa. Puoi scegliere di pubblicare automaticamente le modifiche selezionando la funzione in basso. Se non lo fai, dovrai pubblicare il foglio di calcolo ogni volta che fai un cambiamento.
Utilizzando Tabletop.js puoi collegare il tuo foglio di Google al tuo sito web. Usare Google Sheets come database ti permette di evitare di imparare una nuova piattaforma CMS, ma se conosci già qualcosa come WordPress, puoi comunque usare Google Sheets perché non richiede tanta manutenzione. Inoltre accoppiato con le intuizioni che ho fornito su come ottenere l’hosting gratuito, questo modo vi farà risparmiare denaro.
Con questo detto, questo è un modo semplice e gratuito per ottenere un CMS attivo e funzionante rispetto ad altre opzioni. Rimanete sintonizzati per la prossima settimana, quando vi mostrerò come ottenere il vostro sito web per eseguire un ciclo attraverso i dati del vostro database.
Ottieni altri approfondimenti come questo sul mio blog, jaejohns.com/blog