Presentación

Firebase Auth

Cloud Firestore

Cloud Storage

Cloud Functions

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

  • Antes de comenzar a crear las vistas y la lógica para procesar usuarios a través de Firebase Auth, debemos configurar la pieza central de nuestra aplicación: el gestor de estado.
  • Para ello usaremos Vuex. Aquí guardaremos los modelos de nuestro proyecto: usuarios, salas y mensajes, además de todas las funciones que conectan con Firebase, utilidades u otros servicios.
  • Si esto de Vuex es un poco borroso para ti, no te preocupes, en Escuela Vue tienes un curso de Vuex completo.
  • Usaremos varios módulos Vuex: uno para cada modelo y otro para las utilidades. Puede parecer laborioso, pero en mi opinión es la única forma de tener cierto control entre todas las mutaciones, acciones, getters y demás que vamos a utilizar en el proyecto.
  • Primero ajustamos index.js para poder lanzar la acción (que más adelante completaremos) checkAuth.
const store = new Vuex.Store({
  state: {},
  mutations: {},
  actions: {
    checkAuth() {},
  },
  modules: {},
});

export default store;

// Initial load
store.dispatch("checkAuth");
  • Luego, iremos creando los módulos Vuex: messages.js, rooms.js, user.js, utils.js y por últimos los añadiremos en el archivo central.
const store = new Vuex.Store({
	...
  modules: {
    messages,
    rooms,
    user,
    utils
  }
});
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 📬