Gjøremålsliste i sanntid ved hjelp av Google Firebase: 12 trinn

2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:24

Hei der!

Vi bruker alle gjøremålslister daglig, enten det er online eller offline. Selv om frakoblede lister er tilbøyelige til å gå seg vill, og virtuelle lister kan være feilplassert, ved et uhell slettet eller til og med glemt. Så vi bestemte oss for å lage en på Google Firebase, en sanntidsdatabase. Hvorfor? Fordi:

1. Det er kult

2. Det er sanntid, så endringer gjøres umiddelbart.

3. Lett å bruke og sentralisert; alle dataene er på skyen og tilgjengelige via hvilken som helst plattform.

4. En fantastisk API som er veldig støttende.

5. Oppdateringer er enkle å gjøre.

Vi vil fokusere på å legge til data manuelt til Firebase i dette prosjektet!

Trinn 1: Start med Google Firebase

Besøk Google Firebase -nettstedet og klikk på "Logg på" -knappen øverst i venstre hjørne og logg inn via Google -kontoen din.

Etter at du har logget deg på, klikker du på "Gå til konsollen" for å få tilgang til firebase -databankonsollen. Ikke bekymre deg, det er ikke noe avansert.

Trinn 2: Lag et 'prosjekt'

Klikk på det enorme plussikonet (Legg til prosjekt) på den nye skjermen for å lage et nytt prosjekt. Hvert prosjekt kan bare ha én database, så du må gjenta dette prosjektet flere ganger i tilfelle du ønsker flere sanntidsdatabaser.

Skriv inn prosjektnavnet ditt og velg landet du vil bruke. Klikk på Opprett prosjekt for å komme i gang!

Trinn 3: Velkommen til Firebase -konsollen

Etter lasting, klikk på fortsett. Dette tar deg til en ny skjerm.

Velkommen til Google Firebase -konsollen din!

Trinn 4: Opprette databasen

Klikk på 'Database' i menyen til venstre. Dette leder deg til en ny skjerm der du kan velge mellom Cloud Firestore eller sanntidsdatabase. Vi vil bruke sanntidsdatabase for dette prosjektet. Klikk på Kom i gang!

Trinn 5: Definere sikkerhetsregler for Firebase

Firebase tilbyr kraftige autentiseringsfunksjoner, slik at det ikke er uautorisert tilgang til databasen din. For å gjøre det enkelt, bruker vi imidlertid en 'offentlig' database, som kan endres av alle som har tilgang til databasen din 'legitimasjon'. Mer om legitimasjon senere.

Velg "Testmodus" for dette prosjektet og klikk på Aktiver.

Trinn 6: Velkommen til Firebase

Slik vil skjermen din se ut. Bortsett fra navnet på prosjektet.

Trinn 7: Opprette din første oppgaveliste

Vi skal lage oppgavelister, kalt "bøtter". Hver bøtte er en nestet liste over data. Mens du står fritt til å velge hvilken form for hekke du ønsker, vil hver bøtte for dette prosjektet representere en oppgave.

For å legge til den første bøtta, klikk på '+' - ikonet foran null som vist.

Trinn 8: Navn på oppgavelisten

2 Attributter dukker opp. Navn og verdi.

"Navn" -taggen brukes til å referere til navnet på oppgaven din. For eksempel vil du lage en liste over instrukser du vil se senere. Så vi bruker navnet som instrukserbare, hvorfor ikke.

Vær oppmerksom på at feltene er korte, så synlighet av lengre navn kan være et problem. Vær imidlertid trygg på at navnet er akkurat det du skrev.

Selv om vi kunne sette opp en verdi for verdikoden, vil vi i stedet legge til en liste over elementer under overskriften. Så for å lage dette reiret klikker vi på "Plus" -ikonet foran verdikoden.

Trinn 9: Legge til detaljer i listen

Du kan se et annet 'nivå' på listen har dukket opp.

Vi vil nå tilordne et attributt kalt "Når" for å angi dagen du vil gjøre dette. Skriv "Når" i navneskiltet, og "Søndag", for eksempel i verdikoden.

Nå vil du legge til typer instrukser du vil se. Vi skal gruppere disse under navnet 'Hva'.

Trinn 10: Legge til deloppgaver i listen

Klikk på plussikonet foran navnet "Bucket" eller "Task" eller "List". I det nye feltet skriver du 'Hva' i navnet og klikker på plussikonet for å lage en liste under denne overskriften. Klikk på plussikonet foran det du vil legge til et annet felt.

Du kan se at et annet nivå har dukket opp. Skriv inn oppgavene dine i "Navn" -taggen og en beskrivelse i "Verdi" -taggen. Eksperimenter gjerne her med mer hekker.

Klikk på legg til for å fullføre dette. Eller klikk på Avbryt hvis du har andre tanker om å legge til dataene.

Trinn 11: Tada

Du vil se listen lyse grønn, og deretter materialiserer den seg godt som dataene du angir. Du vil legge merke til at Firebase automatisk sorterer 'Navn' på listene og undelistene alfabetisk.

Hvis en oppgave ser ufullstendig ut, klikker du på den og blar til høyre for å se den fullstendig.

Trinn 12: Fullfør legge til oppgaver

Gjenta dette for å lage listen din!

En rask oppsummering:

Nye bøtter ved å sette inn listen til venstre med prosjektprosjektnavn.

Nye attributter ved å sette inn på oppgaven.

Nye sublister ved å sette inn oppgaver i en liste!

Du kan se denne listen når som helst og hvor som helst! Det er perfekt synkronisert. Nyt!