Sådan bruger du Google Sheets som database til dit websted

Sæt gratis database op med Google Sheets

Indholdsfortegnelse:

  • Intro – Klik her for artikel
  • Opsætning af gratis hosting og domæne – Klik her for artikel
  • Opsætning af gratis database med Google Sheets
  • Link Google Sheet Database til website
  • Add Javascript for at få databasedata til Loop Klik her for artikel
  • Tilføj søgefunktion til webstedet Klik her for artikel
  • Tilføj ikke Php afhængig kontaktformular Klik her for artikel

For at have et CMS er du nødt til at have en database. Hvis du aldrig har brugt en database end at bruge noget som WordPress eller en anden CMS-platform vil have en læringskurve og kan være skræmmende at finde ud af, hvordan man bruger dem. Desuden har platforme som WordPress mange bevægelige dele og er mere modtagelige for at gå i stykker. WordPress kræver bare mere vedligeholdelse.

Tværtimod er noget meget velkendt som Google Sheets, der kun er et regneark, noget, som de fleste mennesker allerede ved, hvordan man bruger, og det er langt fra skræmmende at lære sammenlignet med WordPress.

Denne metode, som jeg vil gennemgå, er gratis og vil hjælpe dig med at spare penge, men det er ikke den bedste løsning til websteder, der har brug for avanceret sikkerhedsbeskyttelse. Det er dog perfekt til en designer eller udvikler, der ønsker at vise deres arbejde eller portefølje.

Hvordan bruger du dog Google-regneark til at fungere som din database?

Først skal du have en Google-konto og oprette et nyt regneark.

Hvis du ikke har en Google-konto, kan du gå her.

Under Start et nyt regneark skal du klikke på den mulighed, der hedder blank. Se billedet nedenfor som reference.

Når du opretter et nyt ark, skal det se nogenlunde sådan her ud:

Den første række vil være vigtig. Den tjener som titler til de dataoplysninger, vi vil indtaste.

For eksempel, hvis du ønsker, at kolonne B skal indeholde data om datoer, så vil du i den første række i kolonne B have ordet dato. I de følgende rækker skal du indtaste de forskellige datoer, du har brug for.

Kolonnetitlerne skal kun være ét ord, ingen store bogstaver. Hvis du har brug for at bruge flere ord til kolonnetitlen, skal du indsætte en bindestreg mellem ordene. Du kan se billedet nedenfor som reference.

Nu, hvor dit Google Sheet er oprettet, skal du linke regnearket til dit websted. For at gøre det vil vi bruge et open source javascript kaldet Tabletop. Jeg anbefaler det, fordi det er gratis og nemt at opsætte.

Du skal downloade Tabletop javascriptet. Det kan findes her.

Der er detaljerede instruktioner til opsætning af det på download-siden, men jeg vil give en kort gennemgang.

  1. Kopier og indsæt nedenstående kode i en javascript-fil til dit websted:

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. Udskift linket, hvor der står ‘key’, med din Google-regnearksnøgle.

For at finde din regnearksnøgle skal du gå tilbage til dit Google-ark.

Nøglen er i URL’en og er efter “https://docs.google.com/spreadsheets/d/ ” og før det sidste “/”.

Nøglen vil bestå af bogstaver og tal og muligvis have bindestreger eller understregninger.

Når du kører dette på dit websted, vil det have et problem med at generere dine data, og det skyldes, at du skal offentliggøre dit regneark.

Gå tilbage til dit Google Sheet og gå til File > Publish to the web

Du vil få denne dialogmenu.

Sørg for, at du har hele dokumentet valgt i dropdown-indstillingen. Du kan vælge at offentliggøre ændringer automatisk ved at markere funktionen i bunden. Hvis du ikke gør dette, skal du offentliggøre regnearket, hver gang du foretager en ændring.

Gennem at bruge Tabletop.js kan du forbinde dit Google Sheet til dit websted. Ved at bruge Google Sheets som din database kan du undgå at lære en ny CMS-platform, men hvis du allerede kender noget som WordPress, kan du stadig bruge Google Sheets, da det ikke kræver så meget vedligeholdelse. Plus kombineret med den indsigt, jeg gav om, hvordan du får gratis hosting, vil denne måde spare dig penge.

Med det sagt er dette en nem og gratis måde at få et CMS op og køre på i forhold til andre muligheder. Hold øje med næste uge, når jeg viser dig, hvordan du får dit websted til at løbe gennem dine databasedata.

Få flere indsigter som denne på min blog, jaejohns.com/blog

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.