Учебники

Firebase — Google Authentication

Декабрь 4, 2018

В этой главе мы покажем вам, как настроить аутентификацию Google в Firebase.

Шаг 1 — Включить аутентификацию Google

Откройте панель инструментов Firebase и нажмите Auth в боковом меню. Чтобы открыть список доступных методов, вам нужно нажать на SIGN_IN_METHODS в меню вкладок.

Теперь вы можете выбрать Google из списка, включить его и сохранить.

Шаг 2 — Создание кнопок

Внутри нашего index.html мы добавим две кнопки.

index.html 

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

Шаг 3 — Вход и выход

На этом шаге мы создадим функции входа и выхода. Мы будем использовать методы signInWithPopup () и signOut () .

пример

Давайте рассмотрим следующий пример. 

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')  
   });
}

После обновления страницы мы можем нажать кнопку входа в Google , чтобы вызвать всплывающее окно Google. Если вход выполнен успешно, консоль разработчика войдет в систему нашего пользователя.

Мы также можем нажать кнопку Google Signout , чтобы выйти из приложения. Консоль подтвердит, что выход был успешным.

62
Share: