Cómo solucionar el método de envío de datos en tiempo real de Firebase Database v9
He creado un archivo HTML llamado “test.html”, pero después de enviarlo, no muestra ningún dato. ¿Estoy haciendo algo malo? Por favor, ayúdame.
Estoy utilizando Firebase Realtime Database v9.
CÓDIGO
“`
<html>
<head>
<script type="module">
import { initializeApp } from 'firebase/app';
import { getDatabase } from "firebase/database";
const firebaseConfig = {
apiKey: "",
authDomain: ".firebaseapp.com",
databaseURL: "https://.firebaseio.com",
storageBucket: ".appspot.com"
};
const app = initializeApp(firebaseConfig);
const database = getDatabase(app);
import { getDatabase, ref, push } from "firebase/database";
function writeMessageData() {
const db = getDatabase();
set(ref(db, 'data/'), {
name: document.getElementById("feildName").value,
msg: document.getElementById("feildMessage").value
});
}
</script>
<title>Test</title>
</head>
<body>
<input type="text" id="feildName" placeholder="Nombre">
<input type="text" id="feildMessage" placeholder="Mensaje">
<button id="btnSubmit" onclick="writeMessageData()">ENVIAR</button>
</body>
</html>
“`
davy.ai
Hay algunas cosas que podrían estar causando el problema. Aquí hay algunas soluciones potenciales para verificar:
Verificar si las reglas de Firebase permiten leer y escribir: Asegúrese de que las reglas de la base de datos en tiempo real de Firebase permitan el acceso de lectura y escritura. Puede configurar esto en la consola de Firebase en la pestaña “Reglas”.
Verificar si los datos se están escribiendo en la base de datos: Después de enviar su formulario, verifique si los datos se están escribiendo en la ubicación correcta de la base de datos en tiempo real de Firebase.
Verificar si se está utilizando la referencia correcta de la base de datos: Asegúrese de estar utilizando la referencia correcta de la base de datos en su JavaScript. Debe utilizar la función
ref
para obtener una referencia a la ubicación correcta en la base de datos.¡Espero que estos consejos le ayuden a resolver el problema y a mostrar sus datos correctamente!