Presentación

Firebase Auth

Cloud Firestore

Cloud Storage

Cloud Functions

Curso Firebase para Web se encuentra en desarrollo. Vuelve pronto para encontrar nuevas lecciones.

  • Ahora que ya sabemos cómo consultar y obtener los documentos que nos interesan, es momento de aprender limitar la cantidad y/o ordenar los resultados.
  • Por defecto Cloud Firestore descargará todos los documentos que satisfagan tu consulta, pero esto se puede solucionar con el operador limit(), tal como se indica en la documentación.
  • Por ejemplo, podemos pedir limitar a 3 resultados cualquier consulta.
const query = await db
  .collection("users")
  .where("name", "==", "Guizmo")
  .limit(3)
  .get();
query.forEach((querySnapshot) => console.log(querySnapshot.data()));
  • Además también podemos crear un orden personalizado (por defecto se ordenan de forma ascendente sobre la ID del documento) con el operador orderBy().
const query = await db.collection("users").orderBy("name", "asc").get();

query.forEach((querySnapshot) => console.log(querySnapshot.data().name));
  • Ambos operadores se pueden combinar con where() formando una consulta donde limitas los resultados y los ordenas a tu gusto.
const query = await db
  .collection("users")
  .where("created", "<", Date.now())
  .orderBy("created", "desc")
  .get();

query.forEach((querySnapshot) => console.log(querySnapshot.data().created));
Storyblok: el primer CMS headless tanto para desarrolladores como para marketers

El primer headless CMS tanto para desarrolladores como para marketers. Pruébalo gratis.

Código inicial
Aprende Firebase en Escuela Vue

¿Tienes alguna pregunta sobre esta lección de Curso Firebase para Web?

Resuelve todas tus dudas sobre Firebase en la Comunidad de Escuela Vue: un lugar donde participar, aprender y ayudar. ¡Te esperamos!.

Tras el registro (si no lo has hecho ya) serás redirigido/a al canal adecuado en la Comunidad.

Twitter

Sigue el día a día y todo lo relacionado con Escuela Vue a través de su cuenta de Twitter.

Discord

En la Comunidad de Escuela Vue podrás solucionar tus dudas y ayudar a otras personas como tú a solucionar las suyas.

Recibe novedades en tu 📬