Brug Google Sheet som JSON-backend

28. Dec. 2017 |

Jeg vil bygge mange flere ting i 2018 - gerne quick and dirty. Derfor har jeg nogle gange brug for en hurtig og let backend til datahåndtering. Derfor har jeg her til aften arbejdet med at bruge Google Sheets til at hente data ud via javascript.

 

Jeg bare må indrømme, at nogle ting bare er lettere at redigere i som spreadsheet, end i et CMS. Og nogle mennesker føler sig endda mere hjemme i et regneark.

 

 

 

 

For at kunne bruge dataen, skal den ud i et format jeg kan arbejde med. Og der er intet så lækkert som JSON. 

 

Til det bruger jeg gsx2json.com, som oversætter mit spreadsheet til JSON-data. Her er de 3 hurtige trin: 

 

1. Offentliggør på nettet...

Tryk på "Filer" -> "Offentliggør på nettet...". Der kommer en popup, tryk på Offentliggør. Og luk derefter popup'en igen. 

 

2. Find id

Du skal bruge filens id - den er i navigationsbaren. Strukturen er:

https://docs.google.com/spreadsheets/d/ID_HER/edit

 

3. Hent dataen

Nu kan vi skrive koden, læg mærke til at jeg bruger JQuery's get function:  

 

function getSheetData(){

var url = "http://gsx2json.com/api?id=ID_HER";

$.get(url, function( data ) {

console.log(data);

});

}

 

 

Den JSON der kommer ud ser sådan her ud: