Reaaliaikainen tehtävälista Google Firebasen avulla: 12 vaihetta

2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 09:03

Hei siellä!

Me kaikki käytämme tehtävälistoja päivittäin, olipa kyseessä sitten online tai offline. Vaikka offline -luettelot ovat alttiita eksymiselle, ja virtuaaliluettelot voidaan sijoittaa väärään paikkaan, poistaa vahingossa tai jopa unohtaa. Joten päätimme luoda sellaisen Google Firebasessa, reaaliaikaisessa tietokannassa. Miksi? Koska:

1. Se on siistiä

2. Se on reaaliaikaista, joten muutokset tehdään välittömästi.

3. Helppokäyttöinen ja keskitetty; kaikki tiedot ovat pilvessä ja ne ovat saatavana minkä tahansa alustan kautta.

4. Upea sovellusliittymä, joka on erittäin tukeva.

5. Päivitykset on helppo tehdä.

Tässä projektissa keskitymme tietojen lisäämiseen manuaalisesti Firebaseen!

Vaihe 1: Aloita Google Firebasella

Siirry Google Firebasen verkkosivustoon ja napsauta vasemmassa yläkulmassa olevaa Kirjaudu sisään -painiketta ja kirjaudu sisään Google -tilisi kautta.

Kirjautumisen jälkeen napsauta Siirry konsoliin päästäksesi Firebase -tietokannan konsoliin. Älä huoli, se ei ole mitään edistynyttä.

Vaihe 2: Hanke

Luo uusi projekti napsauttamalla uudella näytölläsi valtavaa Plus -kuvaketta (Lisää projekti). Jokaisessa projektissa voi olla vain yksi tietokanta, joten sinun on toistettava tämä projekti useita kertoja, jos haluat useita reaaliaikaisia tietokantoja.

Kirjoita nyt projektisi nimi ja valitse käyttömaa. Aloita työskentely napsauttamalla Luo projekti!

Vaihe 3: Tervetuloa Firebase -konsoliin

Napsauta lataamisen jälkeen jatka. Tämä vie sinut uudelle näytölle.

Tervetuloa Google Firebase -konsoliin!

Vaihe 4: Tietokannan luominen

Napsauta vasemmanpuoleisessa valikossa 'Tietokanta'. Tämä johtaa uuteen näyttöön, jossa voit valita Cloud Firestore tai Realtime Database. Käytämme tässä projektissa reaaliaikaista tietokantaa. Napsauta Aloita!

Vaihe 5: Firebase -suojaussääntöjen määrittäminen

Firebase tarjoaa tehokkaita todennusominaisuuksia, jotta tietokantaasi ei pääse luvatta. Yksinkertaisuuden vuoksi käytämme kuitenkin "julkista" tietokantaa, jota voivat muokata kaikki, joilla on pääsy tietokannan "tunnistetietoihin". Lisää valtakirjoista myöhemmin.

Valitse tämän projektin testitila ja napsauta Ota käyttöön.

Vaihe 6: Tervetuloa Firebaseseesi

Näyttösi näyttäisi tältä. Paitsi projektin nimi.

Vaihe 7: Ensimmäisen tehtäväluettelon luominen

Luomme tehtäväluetteloita, joita kutsutaan kauhoiksi. Jokainen ryhmä on sisäkkäinen luettelo tiedoista. Vaikka voit vapaasti valita haluamasi sisäkkäiset muodot, tässä hankkeessa jokainen ämpäri edustaa tehtävää.

Lisää ensimmäinen ämpäri napsauttamalla+-kuvaketta nullin edessä kuvan mukaisesti.

Vaihe 8: Tehtäväluettelon nimi

2 Attribuutit näkyvät. Nimi ja arvo.

Nimi -tunnisteella viitataan tehtävän nimeen. Haluat esimerkiksi luoda luettelon ohjeista, jotka haluat nähdä myöhemmin. Joten käytämme nimeä Instructables, koska miksi ei.

Huomaa, että kentät ovat lyhyitä, joten pidempien nimien näkyvyys voi olla ongelma. Voit kuitenkin olla varma, että nimi on juuri se, mitä kirjoitit.

Vaikka voisimme asettaa mitä tahansa arvoa Value -tunnisteelle, haluaisimme sen sijaan lisätä luettelon kohteista otsikon alle. Joten tämän pesän luomiseksi napsautamme Value -tunnisteen edessä olevaa Plus -kuvaketta.

Vaihe 9: Yksityiskohtien lisääminen luetteloon

Näet luettelon toisen "tason".

Määritämme nyt ominaisuuden nimeltä 'Milloin', joka merkitsee päivää, jolloin haluat tehdä tämän. Kirjoita nimilappuun "When" ja esimerkiksi "Sunday" Value -tunnisteeseen.

Nyt haluat lisätä ne ohjaustyypit, jotka haluat nähdä. Ryhmittelemme nämä nimellä 'Mitä'.

Vaihe 10: Alitehtävien lisääminen luetteloon

Napsauta plus -kuvaketta Bucket-, Task- tai List -nimen edessä. Kirjoita uuteen kenttään nimessä Mitä ja napsauta plus -kuvaketta tehdäksesi luettelon tämän otsikon alle. Napsauta plus -kuvaketta uuden kentän lisäämisen edessä.

Näet toisen tason ilmestyneen. Kirjoita tehtävät Nimi -tunnisteeseen ja kuvaus Arvo -tunnisteeseen. Voit kokeilla täällä lisää pesimistä.

Viimeistele tämä napsauttamalla Lisää. Tai napsauta Peruuta, jos sinulla on ajatuksia tietojen lisäämisestä.

Vaihe 11: Tada

Näet luettelon hohtavan vihreänä ja sitten se toteutuu lujasti asetettuina tietoina. Huomaat, että Firebase lajittelee luetteloiden ja alaluetteloiden nimet automaattisesti aakkosjärjestykseen.

Jos tehtävä näyttää epätäydelliseltä, napsauta sitä ja vieritä oikealle nähdäksesi sen kokonaan.

Vaihe 12: Suorita tehtävien lisääminen loppuun

Toista tämä tehdäksesi luettelosi!

Pikainen yhteenveto:

Uusia kauhoja lisäämällä vasempaan luetteloon, jossa on projektiprojektin nimi.

Uusia määritteitä lisäämällä tehtävään.

Uusia alilistoja lisäämällä tehtäviä luetteloon!

Voit tarkastella tätä luetteloa milloin ja missä tahansa! Se on täydellisesti synkronoitu. Nauttia!