Elenco delle cose da fare in tempo reale utilizzando Google Firebase: 12 passaggi

2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 10:04

Ehilà!

Utilizziamo tutti gli elenchi delle cose da fare quotidianamente, sia online che offline. Mentre gli elenchi offline sono inclini a perdersi e gli elenchi virtuali possono essere smarriti, cancellati accidentalmente o addirittura dimenticati. Quindi abbiamo deciso di crearne uno su Google Firebase, un database in tempo reale. Come mai? Perché:

1. È fantastico

2. È in tempo reale, quindi le modifiche vengono apportate istantaneamente.

3. Facile da usare e centralizzato; tutti i dati sono sul cloud e accessibili tramite qualsiasi piattaforma.

4. Un'API meravigliosa che è molto di supporto.

5. Gli aggiornamenti sono facili da fare.

Ci concentreremo sull'aggiunta manuale di dati a Firebase in questo progetto!

Passaggio 1: iniziare con Google Firebase

Visita il sito Web di Google Firebase e fai clic sul pulsante "Accedi" nell'angolo in alto a sinistra e accedi tramite il tuo account Google.

Dopo aver effettuato l'accesso, fare clic su "Vai alla console" per accedere alla console del database di Firebase. Non preoccuparti, non è niente di avanzato.

Passaggio 2: realizzare un "progetto"

Nella nuova schermata, fai clic sull'enorme icona Plus (Aggiungi progetto) per creare un nuovo progetto. Ogni progetto può avere un solo database, quindi dovrai ripetere questo progetto più volte nel caso in cui desideri più database in tempo reale.

Ora, digita il nome del tuo progetto e seleziona il paese di utilizzo. Clicca su Crea progetto per iniziare a lavorare!

Passaggio 3: benvenuto in Firebase Console

Dopo il caricamento, fare clic su continua. Questo ti porterà a una nuova schermata.

Benvenuto nella tua console di Google Firebase!

Passaggio 4: creazione del database

Nel menu a sinistra, fai clic su "Database". Questo ti porta a una nuova schermata in cui puoi scegliere tra Cloud Firestore o Realtime Database. Useremo Realtime Database per questo progetto. Clicca su Inizia!

Passaggio 5: definizione delle regole di sicurezza per Firebase

Firebase offre potenti funzionalità di autenticazione in modo che non vi siano accessi non autorizzati al tuo database. Tuttavia, per semplificare, utilizzeremo un database "pubblico", che può essere modificato da chiunque abbia accesso alle "credenziali" del database. Maggiori informazioni sulle credenziali in seguito.

Seleziona la "Modalità test" per questo progetto e fai clic su Abilita.

Passaggio 6: benvenuto nel tuo Firebase

Ecco come sarebbe il tuo schermo. Tranne il nome del progetto.

Passaggio 7: creazione del primo elenco di attività

Creeremo elenchi di attività, chiamati "Bucket". Ogni bucket è un elenco nidificato di dati. Sebbene tu sia libero di scegliere qualsiasi forma di nidificazione desideri, per questo progetto, ogni bucket rappresenterà un'attività.

Per aggiungere il primo bucket, fai clic sull'icona "+" davanti a null come mostrato.

Passaggio 8: nome dell'elenco delle attività

Vengono visualizzati 2 attributi. Nome e valore.

Il tag "Nome" viene utilizzato per fare riferimento al nome della tua attività. Ad esempio, vorrai creare un elenco di istruzioni che desideri vedere in seguito. Quindi usiamo il Nome come Instructables, perché, perché no.

Tieni presente che i campi sono di lunghezza ridotta, quindi la visibilità di nomi più lunghi può essere un problema. Tuttavia, assicurati che il nome sia esattamente quello che hai digitato.

Sebbene potremmo inserire qualsiasi valore per il tag Value, vorremmo invece aggiungere un elenco di elementi sotto l'intestazione. Quindi, per creare questo nido, facciamo clic sull'icona "Più" davanti al tag Valore.

Passaggio 9: aggiunta di dettagli all'elenco

Puoi vedere che è apparso un altro 'livello' dell'elenco.

Ora assegneremo un attributo chiamato "Quando" per indicare il giorno in cui desideri farlo. Digita "Quando" nel tag del nome e "Domenica", ad esempio, nel tag del valore.

Ora vorresti aggiungere i tipi di istruttori che vorresti vedere. Li raggrupperemo sotto il nome "Cosa".

Passaggio 10: aggiunta di attività secondarie all'elenco

Fai clic sull'icona più davanti al nome "Secchio" o "Attività" o "Elenco". Nel nuovo campo, digita "Cosa" nel nome e fai clic sull'icona più per creare un elenco sotto questa intestazione. Fai clic sull'icona più davanti a cosa aggiungere in un altro campo.

Puoi vedere che è apparso un altro livello. Digita le tue attività nel tag "Nome" e una descrizione nel tag "Valore". Sentiti libero di sperimentare qui con più nidificazione.

Fare clic su aggiungi per finalizzare questo. Oppure fai clic su Annulla in caso di ripensamenti sull'aggiunta dei dati.

Passaggio 11: Tada

Vedrai l'elenco diventare verde e poi si materializzerà saldamente come i dati che hai impostato. Noterai che Firebase ordina automaticamente i "Nomi" degli elenchi e dei sottoelenchi in ordine alfabetico.

Se un'attività sembra incompleta, fai clic su di essa e scorri verso destra per vederla completamente.

Passaggio 12: completare l'aggiunta delle attività

Ripeti questo per creare la tua lista!

Un rapido riassunto:

Nuovi bucket inserendo nell'elenco più a sinistra il nome del progetto.

Nuovi attributi inserendo sull'attività.

Nuove sottoliste inserendo le attività all'interno di una lista!

Puoi visualizzare questo elenco sempre e ovunque! È perfettamente sincronizzato. Divertiti!