¿Cómo almacenar resultado de firebase, utilizando el método ON de Firebase, en una variable?
En Firebase se tiene algo parecido a esto:
- Datos
- usuarios
- ID1
- nombre: "Miguel"
- correo: [email protected]
- ID2
- nombre: "Juan"
- correo: [email protected]
Aquí es donde tengo el problema en JS, con el método: "ON" se tiene algo como esto:
// iniciamos Firebase:
miConexion = firebase.database().ref(Datos/usuarios)
// hacemos conexion con los datos:
var = datos={}
miConexion.on('value', function(ss){ // SnapShot
datos = ss.val()
console.log(datos['ID1'].nombre) // Miguel
console.log(datos['ID2'].correo) // [email protected]
})
// aqui el problema: (porque no se ejecuta primero que miConexion)
console.log(datos['ID1'].nombre) // Uncaught TypeError:
// Cannot read property 'ID1' of undefined
Haciendo varias pruebas logré sacar la variable con una PROMESA pero aplicando el METODO "ONCE" de Firebase, pero realmente necesito es con el METODO "ON" pero no logro hacerlo, aquí les dejo el JS con el METODO "ONCE":
// iniciamos Firebase:
miConexion = firebase.database().ref(Datos/usuarios)
// hacemos conexion con los datos:
var = misDatos
// Declaramos la promesa:
misDatos = Promise.resolve(
miConexion.once('value').then(function(ss){ // SnapShot
return ss.val()
})
)
// ahora ya tenemos la promesa almacenada en "misDatos"
// y hacemos uso de ella cuando quiera y no exclusivamente
// dentro de su instancia
misDatos.then(function(result) {
console.log(result['ID1'].nombre) // Miguel
})
misDatos.then(function(result) {
console.log(result['ID2'].correo) // [email protected]
})
Deseo hacer esto pero con ON o si existe otra manera de poder acceder a los datos a través de una variable, estoy buscando una solución con JavaScript puro, no con jQuery.
on
(firebase.google.com/docs/reference/js/…) no devuelve una promesa. Supongo que esto es así porque este método puede ser llamado varias veces (cada vez que un nuevo valor se añade) y una promesa solo se puede resolver una vez. Me temo que deberás realizar la lógica que deseas dentro del callback. Si tuvieras una promesa como en el caso del métodoonce
y puedes utilizar el patrón async/await si que podrías obtener algo asílet value = await miConexion.once('value').then(s => s.val() )
const on = ()=> new Promise ( (res, rej) =>{ miConexion.on(... resolver promesa )}
lo cual no está aconsejado hacer. Puedes utilizar bluebird para promisificar la función. Pero tendría el mismo efecto que la funciónonce