Site icon AppTractor

Как создать форму для регистрации и входа в iOS-приложение за 15 минут

Анна Гуляева

Один из самых важных аспектов создания любого приложения — наилучший персонализированный опыт для каждого пользователя. В этой статье я расскажу, как создать форму регистрации и входа в iOS-приложение при помощи Firebase.

Что такое Firebase?

Firebase — это BaaS, единое решение для реализации всех сервисов в мобильном приложении. Как говорит Google, “Firebase помогает вам создавать лучшие мобильные приложения и растить ваш бизнес”. Платформа предоставляет нам многочисленные сервисы: аутентификацию, хранилище, базу данных, аналитику, тестирование приложений и многое другое. Для логина в iOS-приложении мы будем использовать сервис аутентификации Firebase.

Аутентификация Firebase используется, чтобы верифицировать идентичность пользователя и предоставить ему персонализированный опыт. Аутентификация в Firebase можно происходить при помощи email, пароля, телефонного номера или посредством входа через сторонние сервисы: Google, Facebook, Twitter и Github.

Подготовка Xcode

Создайте проект Xcode при помощи простого шаблона приложения. Давайте создадим четыре ViewController:

Убедитесь, что вы поставили ссылки на соответствующие ViewControllers в Interface Builder из Storyboard.

После этого сделайте вот что:

Настройка Firebase

В последнем шаге вас попросят добавить код в App Delegate вашего проекта Xcode. Он будет выглядеть следующим образом:

import UIKit
import Firebase
@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {
var window: UIWindow?
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
         FirebaseApp.configure()
        return true
    }
...

Настройка аутентификации Firebase

@IBOutlet weak var email: UITextField!
@IBOutlet weak var password: UITextField!
@IBOutlet weak var passwordConfirm: UITextField!
...
@IBAction func signUpAction(_ sender: Any) {
if password.text != passwordConfirm.text {
let alertController = UIAlertController(title: "Password Incorrect", message: "Please re-type password", preferredStyle: .alert)
let defaultAction = UIAlertAction(title: "OK", style: .cancel, handler: nil)
            
alertController.addAction(defaultAction)
self.present(alertController, animated: true, completion: nil)
        }
else{
Auth.auth().createUser(withEmail: email.text!, password: password.text!){ (user, error) in
 if error == nil {
   self.performSegue(withIdentifier: "signupToHome", sender: self)
                }
 else{
   let alertController = UIAlertController(title: "Error", message: error?.localizedDescription, preferredStyle: .alert)
   let defaultAction = UIAlertAction(title: "OK", style: .cancel, handler: nil)
                    
    alertController.addAction(defaultAction)
    self.present(alertController, animated: true, completion: nil)
       }
            }
      }
}

Вот что здесь происходит:

Auth.auth().createUser(withEmail: email.text!, password: password.text!){ (user, error) in
...
}
@IBAction func loginAction(_ sender: Any) {
      
Auth.auth().signIn(withEmail: email.text!, password: password.text!) { (user, error) in
   if error == nil{
     self.performSegue(withIdentifier: "loginToHome", sender: self)
                  }
    else{
     let alertController = UIAlertController(title: "Error", message: error?.localizedDescription, preferredStyle: .alert)
     let defaultAction = UIAlertAction(title: "OK", style: .cancel, handler: nil)
                    
      alertController.addAction(defaultAction)
      self.present(alertController, animated: true, completion: nil)
         }
}
        
}

Откройте консоль Firebase. Во вкладке Authentication кликните на SIGN-IN METHOD и выберите опцию Email/Password.

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

Обновите Firebase: во вкладке Users вы увидите аккаунт, который сейчас зарегистрировали.

Обратите внимание, что при каждом входе в приложение вам нужно вводить свои данные. Поэтому давайте внесем финальное дополнение, чтобы приложение запоминало пользователя. Добавьте код ниже в StartViewController. Свойство Auth.auth().currentUser используется, чтобы восстановить пользователя в системе.

override func viewDidAppear(_ animated: Bool){
 super.viewDidAppear(animated) 
 if Auth.auth().currentUser != nil {
   self.performSegue(withIdentifier: "alreadyLoggedIn", sender: nil) 
} 
}

Для выхода из приложения я добавила кнопку в HomeViewController. Для этого добавьте код ниже и установите ViewController в root.

@IBAction func logOutAction(_ sender: Any) {
     do {
            try Auth.auth().signOut()
        } 
     catch let signOutError as NSError {
            print ("Error signing out: %@", signOutError)
        }
        
        let storyboard = UIStoryboard(name: "Main", bundle: nil)
        let initial = storyboard.instantiateInitialViewController()
        UIApplication.shared.keyWindow?.rootViewController = initial
 }

Все готово! Запустим приложение.

 

Exit mobile version