Skishop
Vi skal lage en webshop som selger skiutstyr.
Start et nytt prosjekt på vanlig måte (oppskrift) - gi mappa navnet Skishop.
Opprett en ny Firebase database (oppskrift) og gi den navnet Skishop.
Innholdet i butikken definerer vi i en json tekst-fil som vist under:
{
"ski":{
"randone":{
"K2-33":{
"produsent": "K2",
"navn": "K2 Wayback",
"pris": 5600,
"bilde":"k2180.jpeg"
},
"Falktind":{
"produsent": "Aasnes",
"navn": "Falktind",
"pris": 3300,
"bilde":"aasnes-falktind.jpg"
}
},
"truger": {
"fimbulvetr301": {
"produsent": "Fimbulvetr",
"navn": "Fimbulvetr Tanker truger",
"pris": 2800,
"bilde":"fimbulvetr-301.2.b_fimbulvetr_tankr_green_2.jpg"
}
},
"staver": {
"Horgi120": {
"produsent": "Aasnes",
"navn": "Horgi teleskop",
"pris": 550,
"bilde":"horgi.jpg"
}
}
}
}
Du skal utvide innholdet slik at nettbutikken selger slalom, turlangrenn og telemark - legg inn flere varer på hver kategori.
Skriv denne filen i VSCode, lag en ny fil som du kaller varelager.json - dermed får du syntakshjelp.
Copy-paste innholdet over og utvid med nye produkter.
Nå kan du importere filen inn i Firebase, klikk på prosjektnavnet (risk-b1fc9 i eksemplet under)
(eksemplet viser databasen risk)
Du får nå fram et nytt vindu med disse knappene
- ⋮
Klikk på knappen til høyre (tre prikker) og velg Import JSON Velg filen vi laga over (varelager.json) og databasen vil nå importere tabellen.
Bilder
Her er en samling med bilder som stemmer med filnavnene i varelager.json
![]() |
![]() |
---|---|
![]() |
![]() |