Pierwsze kroki z uwierzytelnianiem Firebase na platformach Apple

Możesz użyć uwierzytelniania Firebase, aby umożliwić użytkownikom logowanie się do Twojej aplikacji przy użyciu jednej lub kilku metod logowania, w tym logowania za pomocą adresu e-mail i hasła, oraz federacyjnych dostawców tożsamości, takich jak logowanie przez Google i logowanie na Facebooku. Ten samouczek pomoże Ci rozpocząć korzystanie z uwierzytelniania Firebase, pokazując, jak dodać adres e-mail i hasło logowania do aplikacji.

Połącz swoją aplikację z Firebase

  1. Zainstaluj pakiet SDK Firebase .
  2. W konsoli Firebase dodaj swoją aplikację do projektu Firebase.

Dodaj uwierzytelnianie Firebase do swojej aplikacji

Użyj Menedżera pakietów Swift, aby zainstalować i zarządzać zależnościami Firebase.

  1. W Xcode przy otwartym projekcie aplikacji przejdź do File > Add Packages .
  2. Po wyświetleniu monitu dodaj repozytorium Firebase Apple platforms SDK:
  3.   https://github.com/firebase/firebase-ios-sdk
  4. Wybierz bibliotekę uwierzytelniania Firebase.
  5. Po zakończeniu Xcode automatycznie rozpocznie rozwiązywanie i pobieranie zależności w tle.

(Opcjonalnie) Prototypuj i testuj za pomocą Firebase Local Emulator Suite

Zanim porozmawiamy o tym, jak Twoja aplikacja uwierzytelnia użytkowników, przedstawmy zestaw narzędzi, których możesz użyć do prototypowania i testowania funkcji uwierzytelniania: Firebase Local Emulator Suite. Jeśli decydujesz między technikami uwierzytelniania i dostawcami, wypróbowujesz różne modele danych z danymi publicznymi i prywatnymi za pomocą reguł uwierzytelniania i Firebase Security Rules lub prototypujesz projekty interfejsów logowania, możliwość pracy lokalnej bez wdrażania usług na żywo może być świetnym pomysłem .

Emulator uwierzytelniania jest częścią pakietu Local Emulator Suite, który umożliwia aplikacji interakcję z emulowaną zawartością i konfiguracją bazy danych, a także opcjonalnie z emulowanymi zasobami projektu (funkcje, inne bazy danych i reguły zabezpieczeń).

Korzystanie z emulatora uwierzytelniania obejmuje tylko kilka kroków:

  1. Dodanie wiersza kodu do konfiguracji testowej aplikacji w celu nawiązania połączenia z emulatorem.
  2. Z katalogu głównego lokalnego katalogu projektu, uruchamiając firebase emulators:start .
  3. Korzystanie z interfejsu użytkownika Local Emulator Suite do interaktywnego prototypowania lub interfejsu API REST emulatora uwierzytelniania do testowania nieinterakcyjnego.

Szczegółowy przewodnik jest dostępny na stronie Łączenie aplikacji z emulatorem uwierzytelniania . Aby uzyskać więcej informacji, zobacz Wprowadzenie do pakietu Local Emulator Suite .

Przejdźmy teraz do sposobu uwierzytelniania użytkowników.

Zainicjuj pakiet Firebase SDK

W delegacie aplikacji najpierw zaimportuj pakiet Firebase SDK:

Szybki

import FirebaseCore

Cel C

@import FirebaseCore;

Następnie w application:didFinishLaunchingWithOptions: zainicjuj obiekt FirebaseApp :

Szybki

// Use Firebase library to configure APIs
FirebaseApp.configure()

Cel C

// Use Firebase library to configure APIs
[FIRApp configure];

Nasłuchuj stanu uwierzytelniania

Dla każdego widoku Twojej aplikacji, który potrzebuje informacji o zalogowanym użytkowniku, dołącz detektor do obiektu FIRAuth . Ten odbiornik jest wywoływany za każdym razem, gdy zmienia się stan logowania użytkownika.

Dołącz słuchacza do metody viewWillAppear kontrolera widoku:

Szybki

handle = Auth.auth().addStateDidChangeListener { auth, user in
  // ...
}

Cel C

self.handle = [[FIRAuth auth]
    addAuthStateDidChangeListener:^(FIRAuth *_Nonnull auth, FIRUser *_Nullable user) {
      // ...
    }];

I odłącz słuchacza w metodzie viewWillDisappear kontrolera widoku:

Szybki

Auth.auth().removeStateDidChangeListener(handle!)

Cel C

[[FIRAuth auth] removeAuthStateDidChangeListener:_handle];

Zarejestruj nowych użytkowników

Utwórz formularz, który pozwoli nowym użytkownikom zarejestrować się w Twojej aplikacji przy użyciu adresu e-mail i hasła. Gdy użytkownik wypełni formularz, sprawdź adres e-mail i hasło podane przez użytkownika, a następnie przekaż je do metody createUser :

Szybki

Auth.auth().createUser(withEmail: email, password: password) { authResult, error in
  // ...
}

Cel C

[[FIRAuth auth] createUserWithEmail:email
                           password:password
                         completion:^(FIRAuthDataResult * _Nullable authResult,
                                      NSError * _Nullable error) {
  // ...
}];

Zaloguj się istniejących użytkowników

Utwórz formularz, który umożliwia istniejącym użytkownikom logowanie się przy użyciu adresu e-mail i hasła. Gdy użytkownik wypełni formularz, wywołaj metodę signIn :

Szybki

Auth.auth().signIn(withEmail: email, password: password) { [weak self] authResult, error in
  guard let strongSelf = self else { return }
  // ...
}

Cel C

[[FIRAuth auth] signInWithEmail:self->_emailField.text
                       password:self->_passwordField.text
                     completion:^(FIRAuthDataResult * _Nullable authResult,
                                  NSError * _Nullable error) {
  // ...
}];

Uzyskaj informacje o użytkowniku

Po pomyślnym zalogowaniu się użytkownika można uzyskać informacje o nim. Na przykład w słuchaczu stanu uwierzytelniania :

Szybki

if let user = user {
  // The user's ID, unique to the Firebase project.
  // Do NOT use this value to authenticate with your backend server,
  // if you have one. Use getTokenWithCompletion:completion: instead.
  let uid = user.uid
  let email = user.email
  let photoURL = user.photoURL
  var multiFactorString = "MultiFactor: "
  for info in user.multiFactor.enrolledFactors {
    multiFactorString += info.displayName ?? "[DispayName]"
    multiFactorString += " "
  }
  // ...
}

Cel C

if (user) {
  // The user's ID, unique to the Firebase project.
  // Do NOT use this value to authenticate with your backend server,
  // if you have one. Use getTokenWithCompletion:completion: instead.
  NSString *email = user.email;
  NSString *uid = user.uid;
  NSMutableString *multiFactorString = [NSMutableString stringWithFormat:@"MultiFactor: "];
  for (FIRMultiFactorInfo *info in user.multiFactor.enrolledFactors) {
    [multiFactorString appendString:info.displayName];
    [multiFactorString appendString:@" "];
  }
  NSURL *photoURL = user.photoURL;
  // ...
}

Następne kroki

Dowiedz się, jak dodać obsługę innych dostawców tożsamości i anonimowych kont gości: