我正在尝试为网络应用程序制作一个注册页面。这会将数据发送到 firebase 数据库。我已阅读官方 firebase 文档并按照说明写入数据。但什么也不会写。在我的数据库控制台中,它显示的所有内容都是空,而不是我的数据。我没有收到控制台错误。
<button id="signUpButton" onclick="confirmData()">Sign Up!</button>
<script type="module" src="/backend/database.js"></script>
//import and initialize database
import { initializeApp } from "https://www.gstatic.com/firebasejs/9.22.2/firebase-app.js";
import { getDatabase, ref, set } from "https://www.gstatic.com/firebasejs/9.22.2/firebase-database.js";
const firebaseConfig = {
apiKey: "AIzaSyDJdI7Sgr7ZGo3Do6NVswgs1UvjVcQUZbs",
authDomain: "bakerstoolbox-9ca91.firebaseapp.com",
databaseURL: "https://bakerstoolbox-9ca91-default-rtdb.firebaseio.com",
projectId: "bakerstoolbox-9ca91",
storageBucket: "bakerstoolbox-9ca91.appspot.com",
messagingSenderId: "175444196196",
appId: "1:175444196196:web:f6314c643c71315b5f1871"
};
const app = initializeApp(firebaseConfig);
const database = getDatabase(app);
//get user sign up data
var email = document.getElementById("email");
var phone = document.getElementById("phone-number");
var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");
//button functions
const signUpButton = document.getElementById("signUpButton");
signUpButton.addEventListener("click", signUpNewUser);
//sign up a new user
function signUpNewUser(){
set(ref(database, 'users/'), {
userEmail : email,
userPhoneNum : phone,
userFirstName : firstName,
userLastName : lastName
});
console.log("DEBUGGING")
}
我觉得email
, phone-number
, firstName
, and lastName
are <input> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input元素,并且由于您想检索它们的值,因此必须使用value
属性,否则您将获得实际的 HTML 代码,请参阅下文了解更多详细信息。
var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");
firstName.addEventListener("input", function () {
console.log(firstName);
});
lastName.addEventListener("input", function () {
console.log(this.value);
});
<input id="firstName" />
<input id="lastName" />
很可能(高度猜测),Firebase 不会存储 HTML 代码,因此它会切换到null
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)