今天來登入，獲得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修改資料了。