Firebase - 验证用户然后写入数据库？答案

【问题标题】：Firebase - Authenticate user and then write to Database?Firebase - 验证用户然后写入数据库？
【发布时间】：2020-09-06 09:26:05
【问题描述】：

对 Firebase 来说是全新的。我想出了一种方法来验证我的用户，但我现在正在努力将它们添加到实时数据库中。这是我在注册页面上使用的代码。如何将用户添加到我的数据库中？

&lt;style&gt;.row{border: 1px solid blue; padding: 0px;margin-top: 0px;margin-bottom: :0px;;}.numbcell{background-color:#355DB2;color: #FFFFFF;text-align: right;font-family: 'Helvetica Neue', Helvetica, Arial, Verdana;}.cell{padding:0px;background-color: #FFF6A6;}.cellp{line-height: 110%;color: #05007E;padding: 0px;margin-top:0px;margin-bottom: 0px;font-family: Courier, 'Courier New';}.comment{color:#A1A1A1;}&lt;/style&gt;&lt;script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'&gt;&lt;/script&gt;&lt;div&gt;&lt;table class="codetable"&gt;&lt;tbody&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;1&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 0px;"&gt;&amp;lt;script&amp;gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;&amp;nbsp;&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 0px;"&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;2&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 30px;"&gt; var signUpButton = document.getElementById("signUpButton")&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;3&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 30px;"&gt; signUpButton.addEventListener('click', signup);&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;&amp;nbsp;&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 0px;"&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;4&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 30px;"&gt; function signup() {&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;5&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; signUpButton.style.display = 'none';&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;6&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; signUpError.style.display = 'block';&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;7&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; var email = signUpEmail.value;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;8&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; var password = signUpPassword.value;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;&amp;nbsp;&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 30px;"&gt; &lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;9&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 30px;"&gt; firebase.auth().createUserWithEmailAndPassword(email, password)&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;10&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 30px;"&gt; .then(function () {&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;11&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; window.location.replace('./dashboard');&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;&amp;nbsp;&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; &lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;12&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; &lt;span class="comment"&gt;// this is where I try and add uid and email to realtime database&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;13&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; function writeUserData(uid, email) {&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;14&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; firebase.database().ref('users/' + uid).update({&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;15&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; uid: uid,&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;16&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; email: email&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;17&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; })}&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;&amp;nbsp;&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 0px;"&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;18&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 30px;"&gt; })&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;19&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 30px;"&gt; .catch(function(error) {&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;20&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; var errorCode = error.code;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;21&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; var errorMessage = error.message;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;22&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; console.log('Error code: ' + errorCode);&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;23&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; console.log('Error message: ' + errorMessage);&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;24&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; signUpButton.style.display = 'block';&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;25&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; signUpError.innerText = errorMessage;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;26&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 60px;"&gt; signUpError.style.display = 'block';&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;27&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 0px;"&gt;});&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;&amp;nbsp;&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 0px;"&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;28&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 0px;"&gt;}&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="row"&gt;&lt;td class="numbcell"&gt;29&lt;/td&gt;&lt;td class="cell"&gt;&lt;p class="cellp" style="margin-left: 0px;"&gt;&amp;lt;/script&amp;gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;input type="button" value="Toggle line numbers" onclick="$(this).parent().parent().find('.numbcell').toggle(300)"&gt;&lt;/div&gt;

【问题讨论】：

请添加html代码完成sn-p。
@RayeesAC 你的意思是在帖子中还是上面的实际sn-p？
你能添加html代码吗。
@RayeesAC 它已经在上面的帖子中了——你能看到吗？
不行，问题只显示js。

标签： html firebase firebase-realtime-database firebase-authentication

【解决方案1】：

不要将要添加到实时数据库的代码包装在一个函数中，而是尝试立即调用代码，使用.set() 方法写入数据库，然后仅在该操作成功后重定向：

firebase.auth().createUserWithEmailAndPassword(email, password)
  .then(function() {
    const user = firebase.auth().currentUser;
    const uid = user.uid;
    const email = user.email;
    firebase.database().ref('users/' + uid).set({
      uid: uid,
      email: email
    })
      .then(() => window.location.replace('./dashboard'))
      .catch(console.error);
  });

但是，如果您只想存储电子邮件等信息，Firebase Auth 已将这些信息存储在 user's profile 中，因此您可以像这样访问它：

firebase.auth().onAuthStateChanged(user => {
  if (user) {
    const uid = user.uid;
    const email = user.email;
    // ...
  }
});

【讨论】：

你先生，让我度过了一个美好的夜晚。在过去的几个小时里，我一直在尝试这么多不同的迭代，因为我没有编码背景。
快速提问。出于某种原因，当我尝试通过 Safari 注册新用户时，这不起作用 -> 没有新用户被添加到实时数据库中。任何想法为什么会这样？
嗯，这很奇怪。浏览器开发工具的控制台中是否显示任何错误？还有一些其他的questions 可能有类似的问题，所以在那里寻找解决方案可能会很好。否则，在新问题中提出这可能是件好事？