En aquest tema, aprendrem com llegir i escriure dades a la base de dades en temps real de Firebase. Aquest és un aspecte fonamental per a qualsevol aplicació que necessiti emmagatzemar i recuperar informació de manera dinàmica.
Objectius del tema
- Comprendre com estructurar les dades a la base de dades en temps real de Firebase.
- Aprendre a escriure dades a la base de dades.
- Aprendre a llegir dades de la base de dades.
- Conèixer les operacions bàsiques de CRUD (Crear, Llegir, Actualitzar, Esborrar).
Estructura de les dades
La base de dades en temps real de Firebase és una base de dades NoSQL que emmagatzema dades en un format JSON. Les dades es representen com un arbre de nodes, on cada node pot tenir múltiples fills.
Exemple d'estructura de dades
{
"users": {
"user1": {
"name": "John Doe",
"email": "[email protected]"
},
"user2": {
"name": "Jane Smith",
"email": "[email protected]"
}
},
"posts": {
"post1": {
"title": "My First Post",
"content": "This is the content of my first post.",
"author": "user1"
},
"post2": {
"title": "Another Post",
"content": "This is some other content.",
"author": "user2"
}
}
}Escriure dades
Per escriure dades a la base de dades en temps real de Firebase, utilitzarem el mètode set() o update().
Exemple: Escriure dades amb set()
// Referència a la base de dades
var database = firebase.database();
// Escriure dades a la referència 'users/user1'
database.ref('users/user1').set({
name: 'John Doe',
email: '[email protected]'
});Exemple: Escriure dades amb update()
// Referència a la base de dades
var database = firebase.database();
// Actualitzar dades a la referència 'users/user1'
database.ref('users/user1').update({
email: '[email protected]'
});Llegir dades
Per llegir dades de la base de dades en temps real de Firebase, utilitzarem el mètode once() o on().
Exemple: Llegir dades amb once()
// Referència a la base de dades
var database = firebase.database();
// Llegir dades una vegada de la referència 'users/user1'
database.ref('users/user1').once('value').then(function(snapshot) {
var userData = snapshot.val();
console.log(userData);
});Exemple: Llegir dades amb on()
// Referència a la base de dades
var database = firebase.database();
// Escoltar canvis a la referència 'users/user1'
database.ref('users/user1').on('value', function(snapshot) {
var userData = snapshot.val();
console.log(userData);
});Operacions CRUD
Crear
Utilitzem set() o push() per crear noves dades.
// Crear un nou usuari amb 'set()'
database.ref('users/user3').set({
name: 'Alice Johnson',
email: '[email protected]'
});
// Crear un nou post amb 'push()'
var newPostRef = database.ref('posts').push();
newPostRef.set({
title: 'New Post',
content: 'This is a new post.',
author: 'user3'
});Llegir
Utilitzem once() o on() per llegir dades.
// Llegir dades una vegada
database.ref('users/user3').once('value').then(function(snapshot) {
var userData = snapshot.val();
console.log(userData);
});Actualitzar
Utilitzem update() per actualitzar dades existents.
// Actualitzar l'email d'un usuari
database.ref('users/user3').update({
email: '[email protected]'
});Esborrar
Utilitzem remove() per esborrar dades.
Exercicis pràctics
Exercici 1: Crear un nou usuari
- Escriu un codi per crear un nou usuari amb el nom "Bob Brown" i l'email "[email protected]".
Solució
database.ref('users/user4').set({
name: 'Bob Brown',
email: '[email protected]'
});Exercici 2: Llegir dades d'un usuari
- Escriu un codi per llegir les dades de l'usuari amb ID "user4" i mostrar-les a la consola.
Solució
database.ref('users/user4').once('value').then(function(snapshot) {
var userData = snapshot.val();
console.log(userData);
});Exercici 3: Actualitzar l'email d'un usuari
- Escriu un codi per actualitzar l'email de l'usuari amb ID "user4" a "[email protected]".
Solució
database.ref('users/user4').update({
email: '[email protected]'
});Exercici 4: Esborrar un usuari
- Escriu un codi per esborrar l'usuari amb ID "user4".
Solució
Conclusió
En aquest tema, hem après com estructurar, escriure, llegir, actualitzar i esborrar dades a la base de dades en temps real de Firebase. Aquestes operacions són fonamentals per a la majoria d'aplicacions que necessiten gestionar dades de manera dinàmica. En el proper tema, explorarem les regles de seguretat i com protegir les nostres dades.
Curs de Firebase
Mòdul 1: Introducció a Firebase
Mòdul 2: Autenticació de Firebase
- Introducció a l'autenticació de Firebase
- Autenticació amb correu electrònic i contrasenya
- Autenticació amb xarxes socials
- Gestió d'usuaris
Mòdul 3: Base de dades en temps real de Firebase
- Introducció a la base de dades en temps real
- Lectura i escriptura de dades
- Estructura de dades i regles de seguretat
- Capacitats fora de línia
Mòdul 4: Cloud Firestore
- Introducció a Cloud Firestore
- Model de dades de Firestore
- Operacions CRUD
- Consultes avançades
- Regles de seguretat
Mòdul 5: Emmagatzematge de Firebase
- Introducció a l'emmagatzematge de Firebase
- Carregar fitxers
- Descarregar fitxers
- Metadades de fitxers i seguretat
Mòdul 6: Missatgeria en el núvol de Firebase
- Introducció a la missatgeria en el núvol
- Enviar notificacions
- Gestionar notificacions
- Funcions avançades de missatgeria
Mòdul 7: Analítica de Firebase
Mòdul 8: Funcions de Firebase
Mòdul 9: Monitoratge del rendiment de Firebase
- Introducció al monitoratge del rendiment
- Configuració del monitoratge del rendiment
- Analitzar dades de rendiment