无法将输入数据推送到我的 Firebase 数据库中

Question

我目前正在为我们的项目开发注册模块，这是我第一次使用 firebase 作为后端进行编程。这是我的 HTML 注册表单的代码：

<form class="innerContent">
    <div class="inputTxt mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
        <input class="mdl-textfield__input" type="text" id="tName">
        <label class="inputLabel mdl-textfield__label" for="tName">Name of Tailor/Tailor Shop</label>
    </div>
    <div class="inputTxt mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
        <input class="mdl-textfield__input" type="text" id="tAddress">
        <label class="inputLabel mdl-textfield__label" for="tAddress">Address of Tailor/Tailor Shop</label>
    </div>
    <div class="inputTxt mdl-textfield mdl-js-textfield">
        <textarea class="mdl-textfield__input" type="text" rows= "3" id="tDesc"></textarea>
        <label class="inputLabel mdl-textfield__label" for="tDesc">Description</label>
    </div>
    <div class="inputTxt mdl-textfield mdl-js-textfield">
        <textarea class="mdl-textfield__input" type="text" rows= "3" id="tContact"></textarea>
        <label class="inputLabel mdl-textfield__label" for="tContact">Contact Details</label>
    </div>
    <div class="inputTxt mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
        <input class="mdl-textfield__input" type="text" id="tUsername">
        <label class="inputLabel mdl-textfield__label" for="tUsername">Username</label>
    </div>
    <div class="inputTxt mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
        <input class="mdl-textfield__input" type="password" id="tPassword">
        <label class="inputLabel mdl-textfield__label" for="tPassword">Password</label>
    </div>
    <div class="inputTxt mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
        <input class="mdl-textfield__input" type="password" id="tRePassword">
        <label class="inputLabel mdl-textfield__label" for="tRePassword">Re-type Password</label>
    </div>
    <p>
    <input id="TaC" type="checkbox" for="TaC"> I have read the the <a href="#">Terms and Conditions</a>
    <button id="SignUpBtn" class="farBtn mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect" type="button" onclick="signUp()" disabled>
        <i class="material-icons">done_all</i> Sign Up
    </button>
    </p>
</form>

我希望用户将其所有信息注册到我的 firebase 数据库中。当按下注册按钮时，它将在我的 javascript 中触发此功能：

function signUp(){
var name = $("#tName").val();
var address = $("#tAddress").val();
var description = $("#tDesc").val();
var contact = $("#tContact").val();
var username = $("#tUsername").val();
var pword = $("#tPassword").val();

var tailors = notsDB.child("tailors");

tailors.push({
    tName: name,
    tAddreass: address,
    tDescription: description,
    tContact: contact,
    tUsername: username,
    tPassword: pword
});

但不幸的是，它不起作用！我在 firebase 控制台中查看了我的数据库，没有任何变化。我尝试通过将 auth != null 替换为 true 来更改规则，但它不起作用。

撇开没有正确实现推送功能的可能性不谈，我怀疑我没有正确连接到我的 FIREBASE 帐户。我回想起了将我的网络应用程序连接到 Firebase 时所做的所有程序：

1. 我在 firebase 中创建了一个帐户
2. 我在我的电脑上安装了 Node.js
3. 我将以下 sn-p 代码放入我的 HTML 文件中（在正文部分的底部，在所有其他 javascript 之前）

<!-- FIREBASE -->
<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-database.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-messaging.js"></script>

<script>
<!-- Initialize Firebase -->
var config = {
    apiKey: "AIzaSyCM6Ublqz7PLkRgkzGe6vhsvb7iU0BU5Tk",
    authDomain: "nots-eece8.firebaseapp.com",
    databaseURL: "https://nots-eece8.firebaseio.com",
    projectId: "nots-eece8",
    storageBucket: "nots-eece8.appspot.com",
	messagingSenderId: "472888671312"
};
firebase.initializeApp(config);
</script>

在我的网络应用程序中设置 Firebase 时，我是否跳过了任何程序？是否需要使用npm install firebase --save 安装 Firebase SDK？还是错误在于我的推送功能？

注意：我在我的 javascript 文件中的 signUp 方法之前添加了以下代码：

var firebase = require('firebase');

var notsDB = new Firebase('https://nots-eece8.firebaseio.com');

Answer 1

ref.push() 只返回另一个引用，它不会更新，你必须获取新的引用键，然后在父级别更新，这里是 firebase 的示例。

function writeNewPost(uid, username, picture, title, body) {
  // A post entry.
  var postData = {
    author: username,
    uid: uid,
    body: body,
    title: title,
    starCount: 0,
    authorPic: picture
  };

  // Get a key for a new Post.
  var newPostKey = firebase.database().ref().child('posts').push().key;

  // Write the new post's data simultaneously in the posts list and the user's post list.
  var updates = {};
  updates['/posts/' + newPostKey] = postData;
  updates['/user-posts/' + uid + '/' + newPostKey] = postData;

  return firebase.database().ref().update(updates);
}

read and write data to firebase

Answer 2

您可以使用 firebase.initializeApp(config) 初始化您的 Firebase 应用，这将返回您的应用的引用，您可以稍后使用该引用连接到 Firebase 数据库。

var fb = firebase.initializeApp(config);

利用存储在fb上的firebase引用来连接firebase db，你可以使用

fb.database()

如果您想存储您的注册数据，您可以使用 firebase push() 方法。

fb.database().ref('tailors').push({
        tName: name,
        tAddreass: address,
        tDescription: description,
        tContact: contact,
        tUsername: username,
        tPassword: pword });

这将在您的 firebase 数据库中创建一个名为 tailors 的子节点，并存储与推送 ID 对应的注册数据。