Skapa en gratis databas med Google Sheets
Innehållsförteckning:
- Intro – Klicka här för artikel
- Installera gratis webbhotell och domän – Klicka här för artikel
- Installera gratis databas med Google Sheets
- Länka Google Sheets-databasen till webbplatsen
- Lägga till Javascript för att få databasdata till loop Klicka här för artikel
- Lägg till sökfunktion till webbplatsen Klicka här för artikel
- Lägg till kontaktformulär som inte är beroende av Php Klicka här för artikel
För att ha ett CMS måste du ha en databas. Om du aldrig har använt en databas så kommer det att vara svårt att lära sig något som WordPress eller en annan CMS-plattform och det kan vara skrämmande att ta reda på hur man använder dem. Dessutom har plattformar som WordPress många rörliga delar och är mer känsliga för att gå sönder. WordPress kräver helt enkelt mer underhåll.
Tvärtom är något mycket välbekant som Google Sheets, som bara är ett kalkylblad, något som de flesta redan vet hur man använder och det är inte alls lika skrämmande att lära sig jämfört med WordPress.
Den här metoden som jag kommer att gå igenom är gratis och kommer att hjälpa dig att spara pengar, men det är inte den bästa lösningen för webbplatser som behöver avancerat säkerhetsskydd. Den är dock perfekt för en designer eller utvecklare som vill visa sitt arbete eller sin portfölj.
Hur använder du dock Google kalkylblad som databas?
Först måste du ha ett Google-konto och skapa ett nytt kalkylblad.
Om du inte har ett Google-konto kan du gå hit.
Under alternativet Starta ett nytt kalkylblad klickar du på alternativet där det står blank. Visa bilden nedan som referens.
När du skapar ett nytt kalkylblad ska det se ut ungefär så här:
Den första raden är viktig. Den tjänar som titlar för den datainformation som vi kommer att mata in.
Om du till exempel vill att kolumn B ska innehålla data om datum kommer du att ha ordet datum i den första raden i kolumn B. I de följande raderna anger du de olika datum som du behöver.
Kolumntitlarna ska bara vara ett ord, inga versaler. Om du behöver använda flera ord för kolumntiteln ska du sätta in ett bindestreck mellan orden. Du kan se bilden nedan som referens.
Nu när ditt Google-ark är konfigurerat måste du länka kalkylbladet till din webbplats. För att göra det använder vi ett javascript med öppen källkod som heter Tabletop. Jag rekommenderar detta eftersom det är gratis och enkelt att installera.
Du måste ladda ner JavaScript Tabletop. Det finns här.
Det finns detaljerade instruktioner för att ställa in det på nedladdningssidan, men jag ska ge en kort genomgång.
- Kopiera och klistra in nedanstående kod i en javascript-fil för din webbplats:
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. Ersätt länken där det står ”key” (nyckel) med nyckeln till Google-kalkylbladet.
För att hitta nyckeln till kalkylbladet går du tillbaka till ditt Google-ark.
Nyckeln finns i URL:en och är efter ”https://docs.google.com/spreadsheets/d/ ” och före det sista ”/”.
Nyckeln kommer att bestå av bokstäver och siffror och eventuellt ha bindestreck eller understrykningar.
När du kör detta på din webbplats kommer det att ha problem med att generera dina data och det beror på att du måste publicera ditt kalkylblad.
Gå tillbaka till ditt Google Sheet och gå till File > Publish to the web
Du får den här dialogmenyn.
Se till att du har valt hela dokumentet i rullgardinsalternativet. Du kan välja att automatiskt publicera ändringar genom att markera funktionen längst ner. Om du inte gör detta måste du publicera kalkylbladet varje gång du gör en ändring.
Med hjälp av Tabletop.js kan du ansluta ditt Google Sheet till din webbplats. Genom att använda Google Sheets som databas kan du undvika att lära dig en ny CMS-plattform, men om du redan kan något som WordPress kan du ändå använda Google Sheets eftersom det inte kräver lika mycket underhåll. Plus kopplat till de insikter jag gav om hur du får gratis hosting, kommer detta sätt att spara pengar.
Med det sagt är detta ett enkelt och gratis sätt att få ett CMS igång i förhållande till andra alternativ. Håll ögonen öppna för nästa vecka då jag visar hur du får din webbplats att gå igenom dina databasdata.
Få fler insikter som denna på min blogg, jaejohns.com/blog
.