Setup Free Database with Google Sheets
Table of Contents:
- Intro – Klikkaa tästä artikkeliin
- Vapaan isännöinnin ja verkkotunnuksen määrittäminen – Klikkaa tästä artikkeliin
- Vapaan tietokannan määrittäminen Google Sheets -ohjelmalla
- Linkitä Google Sheet -tietokanta verkkosivustoon
- Lisää Javascriptia saadaksesi tietokannan tiedot silmukkaan Klikkaa tästä artikkeliin
- Lisää hakutoiminto verkkosivulle Klikkaa tästä artikkeliin
- Lisää ei Php:hen tukeutuva yhteydenottolomake Klikkaa tästä artikkeliin
Voidaksesi käyttää CMS:ää tarvitset tietokannan. Jos et ole koskaan käyttänyt tietokantaa kuin käyttämällä jotain kuten WordPress tai muu CMS-alusta on oppimiskäyrä ja voi olla pelottavaa selvittää, miten niitä käytetään. Lisäksi WordPressin kaltaisissa alustoissa on paljon liikkuvia osia ja ne ovat alttiimpia rikkoutumaan. WordPress vain vaatii enemmän ylläpitoa.
Vastakohtaisesti jotain hyvin tuttua, kuten Google Sheets, joka on vain taulukkolaskentaohjelma, on jotain, jota useimmat ihmiset osaavat jo käyttää, eikä sen opettelu ole läheskään niin pelottavaa kuin WordPressin.
Tämä menetelmä, jonka käyn läpi, on ilmainen ja auttaa sinua säästämään rahaa, mutta se ei ole paras ratkaisu verkkosivuille, jotka tarvitsevat kehittynyttä suojausta. Se sopii kuitenkin täydellisesti suunnittelijalle tai kehittäjälle, joka haluaa näyttää työnsä tai portfolionsa.
Miten käytät kuitenkin Google-taulukkolaskentaa tietokantanasi?
Aluksi sinulla on oltava Google-tili ja sinun on luotava uusi taulukkolaskenta.
Jos sinulla ei ole Google-tiliä, voit siirtyä tänne.
Aloita uusi taulukkolaskenta -vaihtoehdon alta napsauttamalla vaihtoehtoa, jossa lukee tyhjä. Katso alla olevaa kuvaa viitteeksi.
Kun luot uuden taulukon, sen pitäisi näyttää jotakuinkin tältä:
Ensimmäinen rivi on tärkeä. Se toimii syöttämiemme datatietojen otsikkoina.
Jos esimerkiksi haluat, että sarakkeessa B on tietoja päivämääristä, sarakkeen B ensimmäisellä rivillä on sana päivämäärä. Seuraaville riveille syötät tarvitsemasi eri päivämäärät.
Sarakkeiden otsikoiden tulisi olla vain yksi sana, ei isoja kirjaimia. Jos sarakkeen otsikossa on käytettävä useita sanoja, lisää sanojen väliin väliviiva. Voit katsoa alla olevaa kuvaa viitteeksi.
Nyt kun Google Sheet -taulukkolaskentataulukkosi on luotu, sinun on linkitettävä taulukkolaskentataulukko verkkosivustoosi. Siihen käytämme avoimen lähdekoodin javascriptiä nimeltä Tabletop. Suosittelen tätä, koska se on ilmainen ja helppo asentaa.
Sinun täytyy ladata Tabletop javascript. Se löytyy täältä.
Lataussivulla on yksityiskohtaiset ohjeet sen käyttöönotosta, mutta annan lyhyen selostuksen.
- Kopioi ja liitä alla oleva koodi verkkosivusi javascript-tiedostoon:
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. Korvaa linkin kohta, jossa lukee ’key’, Googlen taulukkolaskentataulukkosi avaimella.
Taulukkolaskentataulukkosi avaimen etsimiseen palaa takaisin Googlen taulukkolaskentataulukkoon.
Avain on URL-osoitteessa ja se on ”https://docs.google.com/spreadsheets/d/ ” jälkeen ja ennen viimeistä ”/”.
Avaimessa on kirjaimia ja numeroita ja mahdollisesti väliviivoja tai alleviivauksia.
Kun suoritat tämän verkkosivullasi, sillä on ongelma tietojen luomisessa, ja se johtuu siitä, että sinun on julkaistava laskentataulukko.
Mene takaisin Google Sheet -taulukkoosi ja valitse File > Publish to the web
Saat tämän valintaikkunan.
Varmista, että sinulla on koko asiakirja valittuna pudotusvalikossa. Voit valita, haluatko julkaista muutokset automaattisesti valitsemalla alareunassa olevan ominaisuuden. Jos et tee tätä, joudut julkaisemaan laskentataulukon joka kerta, kun teet muutoksen.
Tabletop.js:n avulla voit liittää Google Sheet -taulukkosi verkkosivustoosi. Käyttämällä Google Sheetsiä tietokantana voit välttää uuden CMS-alustan opettelun, mutta jos tunnet jo esimerkiksi WordPressin, voit silti käyttää Google Sheetsiä, koska se ei vaadi niin paljon ylläpitoa. Lisäksi yhdistettynä oivalluksiin, joita annoin siitä, miten saat ilmaisen hostingin, tämä tapa säästää rahaa.
Näin sanottuna tämä on helppo ja ilmainen tapa saada CMS pystyyn ja toimimaan suhteessa muihin vaihtoehtoihin. Pysy kuulolla ensi viikolla, kun näytän, miten saat verkkosivustosi silmukoimaan tietokantatietojasi.
Saa lisää tämän kaltaisia oivalluksia blogissani, jaejohns.com/blog