Reāllaika uzdevumu saraksts, izmantojot Google Firebase: 12 soļi

2025 Autors: John Day | [email protected]. Pēdējoreiz modificēts: 2025-01-23 14:59

Sveiks!

Mēs visi ikdienā izmantojam uzdevumu sarakstus, neatkarīgi no tā, vai tie ir tiešsaistē vai bezsaistē. Lai gan bezsaistes sarakstiem ir tendence pazust, un virtuālos sarakstus var novietot nepareizā vietā, nejauši izdzēst vai pat aizmirst. Tāpēc mēs nolēmām to izveidot reāllaika datu bāzē Google Firebase. Kāpēc? Jo:

1. Ir forši

2. Tas ir reālais laiks, tāpēc izmaiņas tiek veiktas uzreiz.

3. Viegli lietojams un centralizēts; visi dati atrodas mākonī un ir pieejami, izmantojot jebkuru platformu.

4. Brīnišķīga API, kas ir ļoti atbalstoša.

5. Atjauninājumus ir viegli izdarīt.

Šajā projektā mēs koncentrēsimies uz datu manuālu pievienošanu Firebase!

1. darbība. Sāciet ar Google Firebase

Apmeklējiet Google Firebase vietni un augšējā kreisajā stūrī noklikšķiniet uz pogas Pierakstīties un piesakieties, izmantojot savu Google kontu.

Pēc pieteikšanās noklikšķiniet uz “Pāriet uz konsoli”, lai piekļūtu savai Firebase datu bāzes konsolei. Neuztraucieties, tas nav nekas uzlabots.

2. darbība. Projekta izveide

Jaunajā ekrānā noklikšķiniet uz milzīgās Plus ikonas (Pievienot projektu), lai izveidotu jaunu projektu. Katram projektam var būt tikai viena datu bāze, tāpēc jums būs jāatkārto šis projekts vairākas reizes, ja vēlaties vairākas reāllaika datu bāzes.

Tagad ierakstiet projekta nosaukumu un atlasiet lietošanas valsti. Lai sāktu darbu, noklikšķiniet uz Izveidot projektu!

3. darbība. Laipni lūdzam Firebase konsolē

Pēc ielādes noklikšķiniet uz Turpināt. Tas jūs aizvedīs uz jaunu ekrānu.

Laipni lūdzam jūsu Google Firebase konsolē!

4. darbība. Datu bāzes izveide

Kreisās puses izvēlnē noklikšķiniet uz "Datu bāze". Tādējādi jūs atverat jaunu ekrānu, kurā varat izvēlēties starp Cloud Firestore vai Realtime Database. Šim projektam mēs izmantosim reāllaika datu bāzi. Noklikšķiniet uz Sākt!

5. darbība. Firebase drošības noteikumu definēšana

Firebase piedāvā jaudīgas autentifikācijas funkcijas, lai jūsu datu bāzei nebūtu nesankcionētas piekļuves. Tomēr, lai viss būtu vienkāršāk, mēs izmantosim “publisku” datu bāzi, kuru var mainīt ikviens, kam ir piekļuve jūsu datu bāzes “akreditācijas datiem”. Vairāk par akreditācijas datiem vēlāk.

Šim projektam atlasiet testa režīmu un noklikšķiniet uz Iespējot.

6. darbība. Laipni lūdzam jūsu Firebase

Jūsu ekrāns izskatīsies šādi. Izņemot projekta nosaukumu.

7. darbība: izveidojiet savu pirmo uzdevumu sarakstu

Mēs izveidosim uzdevumu sarakstus, ko sauc par “spaiņiem”. Katra grupa ir ligzdots datu saraksts. Kamēr jūs varat brīvi izvēlēties, kādas ligzdošanas formas vēlaties, šim projektam katrs spainis būs uzdevums.

Lai pievienotu pirmo kopu, noklikšķiniet uz ikonas “+” nulles priekšā, kā parādīts attēlā.

8. darbība: uzdevumu saraksta nosaukums

Parādās 2 atribūti. Nosaukums un vērtība.

Tags “Name” tiek izmantots, lai atsauktos uz jūsu uzdevuma nosaukumu. Piemēram, jūs vēlaties izveidot norādījumu sarakstu, ko vēlaties redzēt vēlāk. Tāpēc mēs izmantojam nosaukumu kā norādāmus, jo kāpēc gan ne.

Ņemiet vērā, ka lauki ir īsi, tāpēc var rasties problēmas ar garāku nosaukumu redzamību. Tomēr esiet pārliecināts, ka vārds ir tieši tas, ko ierakstījāt.

Lai gan mēs varētu pievienot vērtību Tag jebkurai vērtībai, tā vietā mēs vēlētos pievienot vienumu sarakstu zem virsraksta. Tātad, lai izveidotu šo ligzdu, mēs noklikšķiniet uz ikonas “Plus” vērtības taga priekšā.

9. darbība: detaļu pievienošana sarakstam

Var redzēt, ka ir parādījies cits saraksta “līmenis”.

Tagad mēs piešķirsim atribūtu “Kad”, lai apzīmētu dienu, kad vēlaties to darīt. Vārda tagā ierakstiet “Kad” un, piemēram, atzīmē “Svētdiena”.

Tagad jūs vēlaties pievienot norādāmo veidu veidus, kurus vēlaties redzēt. Mēs tos grupēsim ar nosaukumu “Kas”.

10. darbība: apakšuzdevumu pievienošana sarakstam

Noklikšķiniet uz pluszīmes ikonas sava kausa vai uzdevuma vai saraksta nosaukuma priekšā. Jaunajā laukā ierakstiet nosaukumā “Kas” un noklikšķiniet uz pluszīmes ikonas, lai izveidotu sarakstu ar šo virsrakstu. Noklikšķiniet uz pluszīmes ikonas, lai pievienotu citu lauku.

Var redzēt, ka ir parādījies cits līmenis. Ierakstiet savus uzdevumus tagā "Name" un aprakstu tagā "Value". Jūtieties brīvi eksperimentēt šeit, lai vairāk ligzdotu.

Lai to pabeigtu, noklikšķiniet uz Pievienot. Vai arī noklikšķiniet uz Atcelt, ja jums rodas domas par datu pievienošanu.

11. solis: Tada

Jūs redzēsit, ka saraksts spīd zaļā krāsā, un pēc tam tas stingri materializējas kā jūsu iestatītie dati. Jūs pamanīsit, ka Firebase automātiski kārto sarakstu un apakšsarakstu nosaukumus alfabētiskā secībā.

Ja uzdevums šķiet nepabeigts, noklikšķiniet uz tā un ritiniet pa labi, lai to pilnībā apskatītu.

12. darbība. Pabeigt savu uzdevumu pievienošanu

Atkārtojiet to, lai izveidotu sarakstu!

Ātrs kopsavilkums:

Jaunas grupas, ievietojot kreisajā sarakstā ar projekta projekta nosaukumu.

Jauni atribūti, ievietojot uzdevumā.

Jauni apakšsaraksti, ievietojot uzdevumus sarakstā!

Šo sarakstu varat apskatīt jebkurā laikā un vietā! Tas ir ideāli sinhronizēts. Izbaudi!