Lista obaveza u stvarnom vremenu pomoću Google Firebase-a: 12 koraka

2024 Autor: John Day | [email protected]. Zadnja izmjena: 2024-01-30 08:08

Hey There!

Svi svakodnevno koristimo liste obaveza, bilo online ili offline. Dok su vanmrežne liste sklone gubljenju, a virtuelne liste mogu biti pogrešno postavljene, slučajno izbrisane ili čak zaboravljene. Stoga smo odlučili napraviti jedan na Google Firebaseu, bazi podataka u stvarnom vremenu. Zašto? Jer:

1. Super je

2. Vrijeme je u stvarnom vremenu, pa se promjene unose odmah.

3. Jednostavan za upotrebu i centraliziran; svi podaci su u oblaku i dostupni su s bilo koje platforme.

4. Odličan API koji me podržava.

5. Ažuriranje je lako izvršiti.

U ovom projektu ćemo se fokusirati na ručno dodavanje podataka u Firebase!

Korak 1: Počnite s Google Firebaseom

Posjetite web lokaciju Google Firebase i kliknite gumb "Prijava" u gornjem lijevom kutu i prijavite se putem svog Google računa.

Nakon prijavljivanja, kliknite na 'Idi na konzolu' za pristup vašoj konzoli baze podataka firebase. Ne brinite, nije ništa napredno.

Korak 2: Izrada projekta

Na novom ekranu kliknite ogromnu ikonu Plus (Dodaj projekat) za kreiranje novog projekta. Svaki projekt može imati samo jednu bazu podataka, pa ćete morati ponoviti ovaj projekt više puta u slučaju da želite više baza podataka u stvarnom vremenu.

Sada upišite naziv projekta i odaberite državu korištenja. Kliknite na Kreiraj projekt da biste započeli s radom!

Korak 3: Dobro došli u Firebase konzolu

Nakon učitavanja kliknite na nastavi. Ovo će vas odvesti na novi ekran.

Dobro došli na svoju Google Firebase konzolu!

Korak 4: Kreiranje baze podataka

Na izborniku s lijeve strane kliknite na 'Baza podataka'. Ovo vas vodi na novi ekran na kojem možete birati između Cloud Firestore -a ili baze podataka u stvarnom vremenu. Za ovaj projekt koristit ćemo Realtime Database. Kliknite na Započni!

Korak 5: Definiranje sigurnosnih pravila za vašu Firebase

Firebase nudi moćne funkcije provjere autentičnosti kako ne bi došlo do neovlaštenog pristupa vašoj bazi podataka. Međutim, kako bismo pojednostavili, koristit ćemo "javnu" bazu podataka, koju može izmijeniti svako ko ima pristup "vjerodajnicama" vaše baze podataka. Više o akreditivima kasnije.

Odaberite 'Test Mode' za ovaj projekt i kliknite na Enable.

Korak 6: Dobro došli u svoju Firebase

Ovako bi vaš ekran izgledao. Osim naziva projekta.

Korak 7: Kreiranje vaše prve liste zadataka

Mi ćemo kreirati Liste zadataka, nazvane „korpe“. Svaka kanta je ugniježđena lista podataka. Iako ste slobodni izabrati koji god oblik gniježđenja želite, za ovaj projekt svaka kanta predstavlja zadatak.

Da biste dodali prvu korpu, kliknite na ikonu '+' ispred null -a kao što je prikazano.

Korak 8: Naziv liste zadataka

2 Prikazuju se atributi. Ime i vrijednost.

Oznaka 'Name' koristi se za upućivanje na naziv vašeg zadatka. Na primjer, htjeli biste stvoriti popis instrukcija koje želite vidjeti kasnije. Zato koristimo Ime kao instrukcije, jer, zašto ne.

Imajte na umu da su polja kratke duljine, pa vidljivost dužih imena može predstavljati problem. Međutim, budite sigurni da je ime upravo ono što ste unijeli.

Iako bismo mogli postaviti bilo koju vrijednost za oznaku vrijednosti, umjesto toga bismo htjeli dodati popis stavki ispod naslova. Dakle, za stvaranje ovog gnijezda, kliknite na ikonu 'Plus' ispred oznake Value.

Korak 9: Dodavanje detalja na listu

Možete vidjeti da se pojavio još jedan 'nivo' liste.

Sada ćemo dodijeliti atribut zvan 'Kada' za označavanje dana kada želite to učiniti. Upišite "When" u oznaku imena, a "Sunday", na primjer, u oznaku Value.

Sada biste htjeli dodati vrste instrukcija koje želite vidjeti. Grupiraćemo ih pod imenom 'Šta'.

Korak 10: Dodavanje podzadataka na listu

Kliknite na ikonu plus ispred naziva 'Bucket' ili 'Task' ili 'List'. U novo polje upišite 'Što' u ime i kliknite na ikonu plus da napravite popis pod ovim naslovom. Kliknite na ikonu plus ispred polja za dodavanje drugog polja.

Možete vidjeti da se pojavio još jedan nivo. Upišite svoje zadatke u oznaku "Ime", a opis u oznaku "Vrijednost". Ovdje slobodno eksperimentirajte s više gniježđenja.

Kliknite Dodaj da biste ovo dovršili. Ili kliknite Odustani u slučaju da razmislite o dodavanju podataka.

Korak 11: Tada

Vidjet ćete da lista svijetli zeleno, a zatim se čvrsto materijalizira kao podaci koje postavite. Primijetit ćete da Firebase automatski sortira "Imena" lista i podlistaka po abecedi.

Ako zadatak izgleda kao nedovršen, kliknite na njega i pomaknite se udesno da biste ga vidjeli u potpunosti.

Korak 12: Dovršite dodavanje zadataka

Ponovite ovo da napravite svoju listu!

Kratak rezime:

Nove korpe umetanjem na krajnju lijevu listu sa nazivom projekta.

Novi atributi umetanjem u zadatak.

Nove podliste dodavanjem zadataka unutar liste!

Ovu listu možete pogledati bilo kada i bilo gdje! Savršeno je sinhronizovan. Uživajte!