0

Necesito migrar de API REST Firebase a SDK de Firebase en Flutter con el objetivo de aprovechar la funcionalidad Offline Persistence en Firebase.

El código que me funciona actualmente (API REST) hace la consulta a la base de datos usando un GET y retorna una lista del tipo de objeto que estoy usando (lo llamé EstanqueModel), tal como se ve a continuación:

Future<List<EstanqueModel>> cargarEstanques(String idEmpresa) async {

    final url ='$_url/empresas/$idEmpresa/estanques.json?auth=${_prefs.token}';
    final resp = await http.get(url); // May query in API REST of Firebase

    final Map<String, dynamic> decodedData = json.decode(resp.body);
    final List<EstanqueModel> estanque = new List(); 

    if (decodedData == null) return [];
    if (decodedData['error'] != null) return []; 

    decodedData.forEach((id, esta){ 
      final estaLoteTemp = EstanqueModel.fromJson(esta);
      estaLoteTemp.idEstanque = id; 
      estanque.add(estaLoteTemp);
    });

    return estanque;
  }

Intenté hacer lo mismo, tal vez de una forma no tan óptima usando el SDK, con el siguiente código:

Future<List> cargarEstanques(String idEmpresa) async {

final List<EstanqueModel> estanque = new List(); 

Query resp = FirebaseDatabase.instance.reference()
  .child('empresas')
  .child(idEmpresa)
  .child('estanques');

return resp.once().then((snapshot) {
  print('Data: ${snapshot.value}');
  final Map<String, dynamic> decodedData = json.decode(snapshot.value);
    if (decodedData == null) return [];
    if (decodedData['error'] != null) return []; 

    decodedData.forEach((id, esta){
      final estaLoteTemp = EstanqueModel.fromJson(esta);
      estaLoteTemp.idEstanque = id;

      estanque.add(estaLoteTemp);
    }
  );
  return estanque;
}
); 
}

La consola no me nuestra ningún error, pero no estoy obteniendo la lectura a la base. En el StreamBuilder que implementé para la interfaz de usuario, puedo notar que el connectionstate del AsyncSnapshot se mantiene a la espera (waiting) de la información y nunca le llega por lo que no muestra ninfún resultado en pantalla (no .hasdata).

Alguien me puede recomendar cuál sería la forma más fácil y eficiente de convertir el código que tengo basado en APIs al código basado en SDK?

ACTUALIZACION

Después de hacer algunas pruebas, Firebase me indicó que había un problema en la iniciación de la base de datos,así que hice el paso a paso de las indicaciones y ya pude ejecutar el código y hacer las pruebas.

El error que está apareciendo al ejecutar es el siguiente:

_TypeError (type '_InternalLinkedHashMap<dynamic, dynamic>' is not a subtype of type 'Map<String, dynamic>')

Cuando hago un breakpoint, puedo observar que snapshot.values está trayendo directamente un mapa con los diferentes items del tipo EstanqueModel, así que el problema puede estar al llamar el json.decode. El mapa que está en snapshot.values luce así:

0:"-MD7b_saAgbsHSriYUKT" -> Map (12 items)
 key:"-MD7b_saAgbsHSriYUKT"
 value:Map (12 items)
   0:"nombreRef" -> "U2"
   1:"estado" -> "actual"
   2:"idEmpresa" -> "-MD5t6MY6fGbcMGuk"
   3:"foto" -> "ruta/foto"
   4:"ancho" -> 58.0
   5:"tipoInfra" -> ""
   6:"loteActual" -> Map (18 items)
   7:"largo" -> 588.0
   8:"nombre" -> "Estanque XYZ"
   9:"alto" -> 6.0
   10:"ubicacion" -> ""
   11:"refLoteActual" -> "KS1003"
 1:"-MD5tS4QONdvPeCsaJcK" -> Map (11 items)
 2:"-MD5uJaHsMLJ0AIVuDuj" -> Map (12 items)

2 respuestas 2

1

El problema es que es una petición asíncrona y no la estás esperando, solo debes cambiar el then por un await, de la siguiente manera:


   Future<List> cargarEstanques(String idEmpresa) async {
    final List<EstanqueModel> estanque = new List();

    Query resp = FirebaseDatabase.instance.reference().child('empresas').child(idEmpresa).child('estanques');
    final snapshot = await resp.once();
    final Map<String, dynamic> decodedData = Map<String, dynamic>.from(snapshot.value);
      if (decodedData == null) return [];
      if (decodedData['error'] != null) return [];

      decodedData.forEach((id, esta) {
        final estaLoteTemp = EstanqueModel.fromJson(Map<String,dynamic>.from(esta));
        estaLoteTemp.idEstanque = id;

        estanque.add(estaLoteTemp);
      });
      return estanque;
  }
21
  • Aún no he podido avanzar con la prueba. Me salió un mensaje respecto a que el problema era la instalación del SDK del Firebase. Procedí a hacer la configuración de los archivos conforme la guía de Firebase. Una vez lo hice, subo la aplicación, hago los cambios de código que tu recomiendas y me aparece que el acceso es denegado (DatabaseError(-3, Permission denied, )). Allí me pregunto si para usar los comandos de lectura del SDK también se requiere que la autenticación se haga por el mismo SDK?
    – David L
    Commented el 26 jul. 2020 a las 20:04
  • Así es, es de acuerdo a como configuras las reglas de la database, creo que por default te pide que estes authenticado con el sdk. Commented el 26 jul. 2020 a las 20:05
  • Gracias, como workaround mientras resuelvo la autenticación, puse la DB pública e intenté probar el código que me recomiendas. El error que aparece en la línea de la definición del decodedData es el siguiente: _TypeError (type '_InternalLinkedHashMap<dynamic, dynamic>' is not a subtype of type 'String')
    – David L
    Commented el 26 jul. 2020 a las 20:09
  • Pinta el snapshot value y fijate que retorna Commented el 26 jul. 2020 a las 20:10
  • Está retornando un Mapa con los items adentro, cada uno de los cuales tiene un key y un objeto del tipo EstanqueModel
    – David L
    Commented el 26 jul. 2020 a las 20:33
0

Esta es una opción más simple sin usar el await y aprovehando que el snapshot.value es iterable en sí mismo...

Future<List<EstanqueModel>> cargarEstanques(String idEmpresa) async {

  final List<EstanqueModel> estanque = new List(); 

  Query resp = db.child('empresas').child(idEmpresa).child('estanques');

  return resp.once().then((snapshot) {

      if (snapshot.value == null) return [];
      if (snapshot.value['error'] != null) return []; 

      snapshot.value.forEach((id, esta){
        final estaLoteTemp = EstanqueModel.fromJson(Map<String,dynamic>.from(esta));
        estaLoteTemp.idEstanque = id;

        estanque.add(estaLoteTemp);
      });
      return estanque;
  }); 
}

Como ven, es una optimización de la solución de @diegoveloper sin usar await, que según @ishwar.chandra en Medium no se debería usar para conservarlas propiedades offline de Firebase:

when you use offline persistence in Firestore, don’t use Transactions or await for response.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.