Hogyan használd a Google Sheets-et a weboldalad adatbázisaként

Tartalomjegyzék:

• A bevezető – kattintson ide a cikkért
• Ingyenes tárhely és domain beállítása – kattintson ide a cikkért
• Ingyenes adatbázis beállítása a Google Sheets segítségével
• Link Google Sheet Database to Website
• Add Javascriptet! to Get Database Data to Loop Click Here for Article
• Add Search Function to Website Click Here for Article
• Add Non Php dependant Contact Form Click Here for Article

To have a CMS you’ll need to have a database. Ha még soha nem használtál adatbázist, mint például a WordPress vagy egy másik CMS platform használata tanulási görbe lesz, és ijesztő lehet kitalálni, hogyan kell használni őket. Ráadásul az olyan platformoknak, mint a WordPress, sok mozgó alkatrésze van, és hajlamosabbak a törésre. A WordPress egyszerűen több karbantartást igényel.

Ezzel szemben valami nagyon ismerős, mint például a Google Sheets, ami csak egy táblázatkezelő, amit a legtöbb ember már tud használni, és közel sem ijesztő megtanulni a WordPresshez képest.

Ez a módszer, amit átnézek, ingyenes, és segít pénzt megtakarítani, de nem a legjobb megoldás olyan webhelyek számára, amelyeknek fejlett biztonsági védelemre van szükségük. Viszont tökéletes egy olyan tervező vagy fejlesztő számára, aki szeretné megjeleníteni a munkáját vagy portfólióját.

Hogyan használhatod azonban a Google táblázatkezelőt adatbázisként?

Először is rendelkezned kell egy Google-fiókkal, és létre kell hoznod egy új táblázatot.

Ha nincs Google-fiókod, akkor ide kattints.

Az Új táblázat indítása opció alatt kattints arra az opcióra, amin az áll, hogy üres. Tekintse meg az alábbi képet referenciaként.

Az új lap létrehozása után valahogy így kell kinéznie:

Az első sor lesz a fontos. Ez szolgál az általunk bevitt adatinformációk címeként.

Ha például azt szeretnénk, hogy a B oszlopban dátumok adatai legyenek, akkor a B oszlop első sorában a dátum szó lesz. A következő sorokba a különböző dátumokat fogjuk beírni, amelyekre szükségünk van.

Az oszlopcímek csak egy szóból állhatnak, nagybetűk nélkül. Ha több szót kell használnia az oszlopcímhez, akkor szúrjon be egy kötőjelet a szavak közé. Referenciaként megtekintheti az alábbi képet.

Most, hogy a Google Sheet beállítása megtörtént, a táblázatot össze kell kapcsolnia a weboldalával. Ehhez a Tabletop nevű nyílt forráskódú javascriptet fogjuk használni. Ezt azért ajánlom, mert ingyenes és könnyen beállítható.

A Tabletop javascriptet le kell töltenie. Itt található.

A letöltési oldalon részletes utasításokat találunk a beállításához, de én most röviden bemutatom.

1. Másold be az alábbi kódot a weboldalad javascript fájljába:

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. Helyettesítse a linket, ahol az áll, hogy ‘kulcs’, a Google táblázatkezelő kulcsával.

A táblázatkezelő kulcsának megtalálásához térjen vissza a Google Sheet-hez.

A kulcs az URL-ben található, a “https://docs.google.com/spreadsheets/d/ ” után és az utolsó “/” előtt.

A kulcs betűkből és számokból áll, és esetleg kötőjeleket vagy aláhúzásokat tartalmaz.

Ha ezt lefuttatod a weboldaladon, akkor gond lesz az adatok generálásával, és ez azért van, mert közzé kell tenned a táblázatodat.

Menj vissza a Google Sheet-edhez, és menj a Fájl > Közzététel a webre

Ez a párbeszédpanel menü jelenik meg.

GYőződjön meg róla, hogy a legördülő opcióban a teljes dokumentum van kiválasztva. A módosítások automatikus közzétételét az alul található funkció bejelölésével választhatja. Ha ezt nem teszi meg, akkor minden alkalommal, amikor módosítást hajt végre, közzé kell tennie a táblázatot.

A Tabletop.js használatával összekapcsolhatja a Google Sheet-et a weboldalával. A Google Sheets adatbázisként való használata lehetővé teszi, hogy elkerülje egy új CMS-platform megtanulását, de ha már ismer valamit, például a WordPress-t, akkor is használhatja a Google Sheets-et, mivel nem igényel annyi karbantartást. Ráadásul az általam nyújtott betekintéssel párosítva, hogy hogyan szerezzen ingyenes tárhelyet, ez az út pénzt takarít meg.

Ezzel együtt ez egy egyszerű és ingyenes módja annak, hogy egy CMS-t felállítson és futtasson más lehetőségekhez képest. Maradjon velünk a jövő héten, amikor megmutatom, hogyan lehet a weboldalát az adatbázis adatain keresztülhurkoltatni.

Még több ilyen betekintést kaphat a blogomon, jaejohns.com/blog

.