Cuando me conecto a localhost:8080 , obtengo un html "ok" impreso en la pantalla. Eso es todo.
Además, cuando accedo a la interfaz de usuario del emulador, mi base de datos de Firestore está vacía y los datos que intento agregar no se guardan cuando hago clic en Guardar; literalmente, no pasa nada.
Los documentos son confusos con respecto a configurar esto en Vue para un principiante.
principal.js
import { createApp } from 'vue' import App from './App.vue' import router from './router' // import * as Firebase from 'firebase/app'; import 'firebase/auth'; import 'firebase/firestore'; import 'firebase/functions'; import 'firebase/storage'; import { getFirestore, connectFirestoreEmulator } from "firebase/firestore"; // Import the functions you need from the SDKs you need import { initializeApp } from "firebase/app"; const firebaseConfig = { **firebase config stuff** }; // Initialize Firebase initializeApp(firebaseConfig); const app = initializeApp(firebaseConfig); // init services const db = getFirestore(app) connectFirestoreEmulator(db, 'localhost', 8080); createApp(App).use(router).mount('#app')¡Muchas gracias por cualquier ayuda!
Con respecto al comportamiento observado por usted, aquí está mi respuesta a cada uno:
a) Cuando se conecta a localhost:8080 , obtiene un html "ok" impreso en la pantalla. Esto generalmente sucede al presionar el navegador o también mediante el comando curl. Esto esta bien.
b) Además, cuando accede a la interfaz de usuario del emulador, mi base de datos de Firestore está vacía. Parece que espera algunos datos precargados después de iniciar el emulador de Firestore o espera que los datos se conserven en el emulador de forma permanente. El emulador de Cloud Firestore borra el contenido de la base de datos cuando se apaga, como se documenta aquí . A menos que el usuario defina la configuración de exportación/importación en el emulador , los datos almacenados en el emulador de Firestore no sobrevivirán entre las operaciones de apagado/inicio del emulador. Además, el fragmento de código que muestra en el mensaje no muestra ningún intento de cargar la base de datos de Firestore. Por lo tanto, puede consultar la documentación para comprender este aspecto.
c) Cualquier dato que intente agregar no se guarda cuando hace clic en guardar; literalmente, no pasa nada. En mi instalación local del emulador Firestore, funcionó según lo diseñado. Pude agregar nuevas colecciones y documentos en Firestore a través de la interfaz de usuario del emulador.
Además, hay algunos excelentes tutoriales en video del emulador de Firestore que se pueden consultar para obtener una comprensión detallada de este tema: 1 y 2 . La respuesta de desbordamiento de pila también detalla muy bien el proceso para configurar el emulador de Firestore con Vue JS.