Popis obaveza u stvarnom vremenu pomoću Google Firebasea: 12 koraka

2025 Autor: John Day | [email protected]. Zadnja promjena: 2025-01-23 14:47

Hej tamo!

Svi svakodnevno koristimo popis obaveza, bilo online ili offline. Dok su izvanmrežni popisi skloni gubljenju, a virtualni se popisi mogu pogrešno postaviti, slučajno izbrisati ili čak zaboraviti. Stoga smo odlučili napraviti jedan na Google Firebaseu, bazi podataka u stvarnom vremenu. Zašto? Jer:

1. Kul je

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

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

4. Prekrasan API koji me jako podržava.

5. Ažuriranje je lako učiniti.

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

1. korak: 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 što se prijavite, kliknite 'Idi na konzolu' za pristup konzoli baze podataka Firebase. Ne brinite, nije to ništa napredno.

Korak 2: Izrada 'projekta'

Na novom zaslonu kliknite ogromnu ikonu Plus (Dodaj projekt) za stvaranje 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 zemlju korištenja. Kliknite na Kreiraj projekt da biste započeli s radom!

Korak 3: Dobro došli na Firebase konzolu

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

Dobro došli na svoju Google Firebase konzolu!

Korak 4: Stvaranje baze podataka

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

5. korak: Definiranje sigurnosnih pravila za vašu Firebase

Firebase nudi snažne značajke provjere autentičnosti kako ne bi došlo do neovlaštenog pristupa vašoj bazi podataka. No, kako bismo pojednostavili, koristit ćemo "javnu" bazu podataka, koju može izmijeniti svatko tko ima pristup "vjerodajnicama" vaše baze podataka. Više o vjerodajnicama kasnije.

Odaberite "Test Mode" za ovaj projekt i kliknite Omogući.

Korak 6: Dobro došli u svoju Firebase

Ovako bi vaš zaslon izgledao. Osim naziva projekta.

Korak 7: Izrada vašeg prvog popisa zadataka

Stvorit ćemo popise zadataka koji se nazivaju "kante". Svaka kanta je ugniježđeni popis podataka. Iako ste slobodni odabrati bilo koji oblik gniježđenja koji želite, za ovaj projekt svaka kanta predstavlja zadatak.

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

Korak 8: Naziv popisa 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. Stoga 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. No, budite sigurni da je naziv upravo ono što ste upisali.

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 pojedinosti na popis

Možete vidjeti da se pojavila još jedna "razina" popisa.

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

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

Korak 10: Dodavanje podzadataka na popis

Kliknite ikonu plus ispred naziva 'Bucket' ili 'Task' ili 'List'. U novo polje upišite "Što" u ime i kliknite ikonu plus kako biste napravili popis pod ovim naslovom. Kliknite ikonu plus ispred onoga što želite dodati još jedno polje.

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

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

Korak 11: Tada

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

Ako zadatak izgleda nepotpun, kliknite ga i pomaknite se udesno da biste ga vidjeli u potpunosti.

Korak 12: Dovršite dodavanje svojih zadataka

Ponovite ovo kako biste napravili popis!

Kratki pregled:

Nove kante umetanjem na krajnji lijevi popis s imenom projekta.

Novi atributi umetanjem u zadatak.

Novi podpopisi umetanjem zadataka unutar popisa!

Ovaj popis možete vidjeti bilo kada i bilo gdje! Savršeno je sinkroniziran. Uživati!