Firebase - Xác thực Google

Trong chương này, chúng tôi sẽ hướng dẫn bạn cách thiết lập xác thực Google trong Firebase.

Bước 1 - Bật Xác thực Google

Mở trang tổng quan Firebase và nhấp vào Authtrên menu bên trái. Để mở danh sách các phương pháp có sẵn, bạn cần nhấp vàoSIGN_IN_METHODS trong menu tab.

Bây giờ bạn có thể chọn Google từ danh sách, bật nó và lưu nó.

Bước 2 - Tạo các nút

Bên trong của chúng tôi index.html, chúng tôi sẽ thêm hai nút.

index.html

<button onclick = "googleSignin()">Google Signin</button>
<button onclick = "googleSignout()">Google Signout</button>

Bước 3 - Đăng nhập và Đăng xuất

Trong bước này, chúng ta sẽ tạo các chức năng Signin và Signout. Chúng tôi sẽ sử dụngsignInWithPopup()signOut() các phương pháp.

Thí dụ

Chúng ta hãy xem xét ví dụ sau.

var provider = new firebase.auth.GoogleAuthProvider();

function googleSignin() {
   firebase.auth()
   
   .signInWithPopup(provider).then(function(result) {
      var token = result.credential.accessToken;
      var user = result.user;
		
      console.log(token)
      console.log(user)
   }).catch(function(error) {
      var errorCode = error.code;
      var errorMessage = error.message;
		
      console.log(error.code)
      console.log(error.message)
   });
}

function googleSignout() {
   firebase.auth().signOut()
	
   .then(function() {
      console.log('Signout Succesfull')
   }, function(error) {
      console.log('Signout Failed')  
   });
}

Sau khi chúng tôi làm mới trang, chúng tôi có thể nhấp vào Google Signinđể kích hoạt cửa sổ bật lên của Google. Nếu đăng nhập thành công, bảng điều khiển dành cho nhà phát triển sẽ đăng nhập người dùng của chúng tôi.

Chúng tôi cũng có thể nhấp vào Google Signoutđể đăng xuất khỏi ứng dụng. Bảng điều khiển sẽ xác nhận rằng đăng xuất đã thành công.