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来更改规则，但它不起作用。

撇开不能正确实施推送功能的可能性，我怀疑我没有正确连接到我的火炬账户。我回忆了将Web应用程序连接到firebase时所做的所有步骤：

我在firebase中创建了一个帐户
我在我的电脑上安装了Node.js
我将以下代码段放在我的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的例子。

＆＃13;

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);
}

＆＃13;

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相对应的注册数据。

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

2 个答案: