Presentación

Firebase Auth

Cloud Firestore

Cloud Storage

Cloud Functions

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

  • Gracias a la librería CSSGram podemos añadir filtros al estilo Instagram a nuestras imágenes de VueTalk.
  • Primero la cargaremos de forma globa en nuestro index.html a través de la etiqueta link con <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cssgram/0.1.10/cssgram.min.css">.
  • Después podemos añadir la lista de filtros en nuestro módulo messages compo propiedad filters.
  • Acto seguido necesitaremos un nuevo modal que permite revisar la imagen y sus filtros antes de seleccionar uno. Lo llamaremos FilterModalComponent.
  • Hacemos uso de él en el método onFileChange de nuestra vista ViewRoom.
async onFileChange(event) {
  ...
  this.filter = await this.$store.dispatch("utils/requestConfirmation", {
    props: {
      message: "Select your filter",
      file: this.message#Photo,
      filters: this.$store.state.messages.filters
    },
    component: "FilterModal"
  });
},
  • Ahora debemos ajustar la acción createMessage del módulo messages para que acepte la nueva propiedad audio.
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 📬