iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 7
1

延續前面的主題
如果要使用 Firebase的 realtime database
和Authentication 一樣
在code中加入

var config = {
  apiKey: "apiKey",
  authDomain: "projectId.firebaseapp.com",
  databaseURL: "https://databaseName.firebaseio.com",
  storageBucket: "bucket.appspot.com"
};
firebase.initializeApp(config);

var database = firebase.database();

Firebase的 realtime database,都會存為 JSON (JavaScript Object Notation)的格式。
只要用push() 就可以進行基本的寫入

<div>
  Name:<input id='name' type="text">
</div>
<div>
  Mail:<input id='mail' type="text">
</div>
<div>
  Phone:<input id='phone' type="text">
</div>
<button id='btn'>提交</button>
var btn = document.getElementById('btn');

btn.onclick = function() {
  var name = document.getElementById('name').value;
  var mail = document.getElementById('mail').value;
  var phone = document.getElementById('phone').value;
  firebase.database().ref('users/').push({
    username: name,
    email: mail,
    phone: phone
  });
}

user

提交後,回到 firebase的頁面
可以看到資料已經送到 firebase存起來了
firebase RT database


上一篇
[06] firebase 登出和刪除帳號
下一篇
[08] firebase realtime database 的 data監聽
系列文
我在繡房繡小主常服的日子-- 初入前端工程師的第一個小挑戰30

尚未有邦友留言

立即登入留言