iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 5
1

今天來登入,獲得user的資料並且修改吧!!
其實登入也十分容易
只要將 mail和 password
signInWithEmailAndPassword 送出即可

 <div>
   輸入帳號 : <input id="mail" type="email">
 </div>
 <div>
   輸入密碼 : <input id="password" type="password">
 </div>
  <button id= "btnSingUp">註冊</button> 
  <button id="btnLogIn">登入</button>
//Use email, password to log in

var btn = document.getElementById('btnLogIn');

btn.onclick = function() {
  var email = document.getElementById('mail').value;
  var password = document.getElementById('password').value;
  firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
    // Handle Errors here.
    var errorCode = error.code;
    var errorMessage = error.message;
    // ...
  });
}

我們要怎麼得知有沒有登入成功呢??

我們可以用 currentUser 獲取登入的user資訊,
如果user沒有登入,則會為null

var user = firebase.auth().currentUser;
  if (user) {
    // User is signed in.
    alert('登入成功')
  } else {
    // No user is signed in.
  }

接著user的資訊都存在了 user裡面了
就可以利用updateProfile來更新user的基本資料

 user.updateProfile({
   displayName: "繡房裡的繡女",
   photoURL: "https://drive.google.com/open?id=13b1Wmit3twOuCoFgX0uDPEql2BAOtZV4"
 }).then(function() {
   console.log(user.displayName);
   console.log(user.photoURL);
 })

這樣便能夠輕而易舉地讓user修改資料了。


上一篇
[04] firebase 使用google facebook註冊
下一篇
[06] firebase 登出和刪除帳號
系列文
我在繡房繡小主常服的日子-- 初入前端工程師的第一個小挑戰30

1 則留言

0
SunAllen
iT邦好手 1 級 ‧ 2018-11-01 18:47:24

這感覺好方便啊,以前要寫一堆。

我要留言

立即登入留言