Reaalajas ülesannete loend Google'i Firebase'i abil: 12 sammu

2024 Autor: John Day | [email protected]. Viimati modifitseeritud: 2024-01-30 08:49

Tere!

Me kõik kasutame igapäevaselt ülesannete loendeid, olgu need siis võrgus või väljaspool seda. Võrguühenduseta loendid võivad kaduda ja virtuaalsed loendid võivad valesti paigutada, kogemata kustutada või isegi ununeda. Nii otsustasime selle teha reaalajas andmebaasis Google Firebase. Miks? Sest:

1. See on lahe

2. See on reaalajas, nii et muudatused tehakse koheselt.

3. Lihtne kasutada ja tsentraliseeritud; kõik andmed on pilves ja kättesaadavad mis tahes platvormi kaudu.

4. Imeline API, mis on väga toetav.

5. Värskendusi on lihtne teha.

Selles projektis keskendume andmete käsitsi lisamisele Firebase'i!

1. toiming. Alustage Google Firebase'iga

Külastage Google'i Firebase'i veebisaiti ja klõpsake vasakus ülanurgas nuppu „Logi sisse” ja logige sisse oma Google'i konto kaudu.

Pärast sisselogimist klõpsake Firebase'i andmebaasi konsooli avamiseks nuppu „Mine konsooli”. Ärge muretsege, see pole midagi arenenud.

2. samm: projekti tegemine

Uue projekti loomiseks klõpsake uuel ekraanil tohutut plussikooni (Lisa projekt). Igal projektil võib olla ainult üks andmebaas, nii et kui soovite mitut reaalajas andmebaasi, peate seda projekti mitu korda kordama.

Nüüd tippige oma projekti nimi ja valige kasutusriik. Töö alustamiseks klõpsake nuppu Loo projekt!

3. toiming. Tere tulemast Firebase Console'i

Pärast laadimist klõpsake nuppu Jätka. See viib teid uuele ekraanile.

Tere tulemast teie Google Firebase Console'i!

4. samm: andmebaasi loomine

Klõpsake vasakpoolses menüüs nuppu "Andmebaas". See viib teid uuele ekraanile, kus saate valida Cloud Firestore'i või reaalajas andmebaasi vahel. Selle projekti jaoks kasutame reaalajas andmebaasi. Klõpsake nuppu Alusta!

Samm: määratlege oma Firebase'i turbereeglid

Firebase pakub võimsaid autentimisfunktsioone, et teie andmebaasile volitamata juurdepääsu ei oleks. Lihtsuse huvides kasutame aga avalikku andmebaasi, mida saavad muuta kõik, kellel on juurdepääs teie andmebaasi mandaadile. Täpsemalt volikirjade kohta hiljem.

Valige selle projekti jaoks testimisrežiim ja klõpsake nuppu Luba.

6. toiming: tere tulemast Firebase'i

Teie ekraan näeks välja selline. Välja arvatud projekti nimi.

Samm: esimese ülesannete loendi loomine

Loome ülesannete loendeid, mida nimetatakse ämbriteks. Iga ämber on pesastatud andmete loend. Kuigi võite vabalt valida soovitud pesitsemisvormid, esindab selle projekti puhul iga ämber ülesannet.

Esimese ämbri lisamiseks klõpsake null ees olevat ikooni „+”, nagu näidatud.

8. toiming: ülesannete loendi nimi

Kuvatakse 2 atribuuti. Nimi ja väärtus.

Märgendit „Nimi” kasutatakse teie ülesande nimele viitamiseks. Näiteks soovite luua nimekirja juhistest, mida soovite hiljem näha. Nii et me kasutame seda nime juhitavatena, sest miks mitte.

Pange tähele, et väljad on lühikesed, nii et pikemate nimede nähtavus võib olla probleem. Siiski võite olla kindel, et nimi on täpselt see, mille sisestasite.

Kuigi me võiksime väärtuse märgendile lisada mis tahes väärtuse, tahaksime selle asemel lisada pealkirja alla üksuste loendi. Nii et selle pesa loomiseks klõpsame väärtussildi ees ikoonil „Pluss”.

9. samm: üksikasjade lisamine loendisse

Näete, et on ilmunud loendi teine „tase”.

Määrame nüüd atribuudi nimega „Millal”, et tähistada päeva, mil soovite seda teha. Sisestage nimesildile „Millal” ja väärtussildile näiteks „pühapäev”.

Nüüd soovite lisada seda tüüpi juhiseid, mida soovite näha. Me rühmitame need nime alla „Mis”.

10. samm: alamülesannete lisamine loendisse

Klõpsake nime „Ämber”, „Ülesanne” või „Loend” ees olevat plussikooni. Uuele väljale tippige nimesse „Mis” ja klõpsake selle pealkirja all loendi koostamiseks plussikoonil. Klõpsake plussikoonil teise välja lisamiseks.

Näete, et on ilmunud teine tase. Sisestage oma ülesanded märgendisse „Nimi” ja kirjeldus märgendisse „Väärtus”. Katsetage siin julgelt rohkem pesitsemist.

Selle lõpuleviimiseks klõpsake nuppu Lisa. Või klõpsake nuppu Tühista, kui teil on andmete lisamise osas teisigi mõtteid.

11. samm: Tada

Näete, et loend helendab roheliselt ja seejärel realiseerub see kindlalt teie määratud andmetena. Märkate, et Firebase sorteerib loendite ja alamloendite nimed automaatselt tähestikulises järjekorras.

Kui ülesanne tundub poolik, klõpsake sellel ja kerige paremale, et seda täielikult näha.

12. samm: lõpetage oma ülesannete lisamine

Loendi koostamiseks korrake seda!

Kiire kokkuvõte:

Uued ämbrid, lisades vasakpoolsesse loendisse projekti projekti nime.

Uued atribuudid, sisestades ülesande.

Uued alamloendid, lisades ülesandeid loendisse!

Seda nimekirja saate vaadata igal ajal ja igal pool! See on täiuslikult sünkroonitud. Nautige!