[swift] Swift FirebaseUI를 사용하여 실시간 이벤트 및 콘서트 예약 시스템 구현하기

16 Nov 2023

swift

이번 블로그에서는 Swift와 Firebase를 함께 사용하여 실시간 이벤트 및 콘서트 예약 시스템을 구현하는 방법에 대해 알아보겠습니다. FirebaseUI는 Firebase를 사용하여 손쉽게 인증, 데이터베이스 및 스토리지 기능을 구현할 수 있도록 도와주는 라이브러리입니다.

1. Firebase 프로젝트 설정하기

Firebase 콘솔에 접속하여 프로젝트를 생성합니다.
생성된 프로젝트에 iOS 앱을 추가하고, 프로젝트 설정 파일을 다운로드합니다.
다운로드한 설정 파일을 Xcode 프로젝트에 추가합니다.

2. FirebaseUI 설치하기

FirebaseUI는 CocoaPods를 통해 설치할 수 있습니다. 다음과 같이 Podfile을 열고 FirebaseUI를 추가합니다.

use_frameworks!

target 'YourApp' do
  pod 'FirebaseUI/Auth', '~> 10.0'
  pod 'FirebaseUI/Database', '~> 10.0'
  pod 'FirebaseUI/Storage', '~> 10.0'
end

그리고 터미널에서 pod install 명령을 실행하여 FirebaseUI를 설치합니다.

3. 인증 기능 구현하기

FirebaseUI를 사용하여 사용자 인증 기능을 구현하는 방법은 매우 간단합니다. 다음 코드를 참고하여 구현해보세요.

import Firebase
import FirebaseUI

class AuthViewController: UIViewController, FUIAuthDelegate {
  override func viewDidLoad() {
    super.viewDidLoad()
    // FirebaseUI 인증 뷰컨트롤러 생성
    let authUI = FUIAuth.defaultAuthUI()
    authUI?.delegate = self
    
    // 인증에 사용할 프로바이더 설정 (Google, 이메일/비밀번호 등)
    let providers: [FUIAuthProvider] = [
      FUIGoogleAuth(),
      FUIEmailAuth()
    ]
    authUI?.providers = providers
    
    // 인증 뷰컨트롤러를 모달로 표시
    let authViewController = authUI?.authViewController()
    present(authViewController!, animated: true, completion: nil)
  }
  
  // 인증 완료 시 호출되는 콜백 함수
  func authUI(_ authUI: FUIAuth, didSignInWith authDataResult: AuthDataResult?, error: Error?) {
    if let error = error {
      // 인증 실패 시 처리 로직
      print("Authentication failed: \(error.localizedDescription)")
    } else {
      // 인증 성공 시 처리 로직
      print("Authentication successful!")
    }
  }
}

위 코드에서 AuthViewController는 사용자 인증을 담당하는 뷰컨트롤러입니다. FUIAuth.defaultAuthUI()를 사용하여 인증 뷰컨트롤러를 생성한 후에 providers에 사용할 인증 방법을 설정합니다. 그리고 authViewController()를 호출하여 인증 뷰컨트롤러를 모달로 표시합니다. 인증 완료 시 호출되는 authUI(_:didSignInWith:error:) 메소드에서 인증 성공 여부에 따라 처리 로직을 구현할 수 있습니다.

4. 데이터베이스 기능 구현하기

FirebaseUI를 사용하여 Firebase 데이터베이스에 데이터를 저장하고 검색하는 기능을 구현할 수 있습니다. 다음 코드를 참고하여 구현해보세요.

import Firebase
import FirebaseDatabaseUI

class EventsViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
  @IBOutlet weak var tableView: UITableView!
  var dataSource: FUITableViewDataSource!
  
  override func viewDidLoad() {
    super.viewDidLoad()
    
    let ref = Database.database().reference().child("events")
    let query = ref.queryOrdered(byChild: "date")
    
    dataSource = FUITableViewDataSource(query: query, populateCell: { (tableView, indexPath, snapshot) -> UITableViewCell in
      let cell = tableView.dequeueReusableCell(withIdentifier: "EventCell", for: indexPath)
      let event = snapshot.value as! [String: Any]
      // 데이터를 활용한 UI 업데이트
      
      return cell
    })
    
    dataSource.bind(to: tableView)
  }
  
  func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return dataSource.tableView(tableView, numberOfRowsInSection: section)
  }
  
  func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    return dataSource.tableView(tableView, cellForRowAt: indexPath)
  }
}

위 코드에서 EventsViewController는 데이터베이스에서 이벤트 데이터를 가져와 테이블뷰에 표시하는 뷰컨트롤러입니다. FUITableViewDataSource를 사용하여 데이터를 가져올 Firebase 경로를 지정하고 populateCell 클로저에서 데이터를 이용하여 셀을 업데이트합니다. dataSource.bind(to: tableView)를 호출하여 데이터를 테이블뷰에 바인딩합니다.

5. 스토리지 기능 구현하기

FirebaseUI를 사용하여 Firebase 스토리지에 파일을 업로드하고 다운로드하는 기능을 구현할 수 있습니다. 다음 코드를 참고하여 구현해보세요.

import Firebase
import FirebaseStorageUI

class UploadViewController: UIViewController {
  @IBOutlet weak var imageView: UIImageView!
  
  override func viewDidLoad() {
    super.viewDidLoad()
    
    let storageRef = Storage.storage().reference().child("images/image.jpg")
    imageView.sd_setImage(with: storageRef)
  }
  
  @IBAction func uploadButtonTapped(_ sender: Any) {
    let image = imageView.image!
    let imageData = image.jpegData(compressionQuality: 0.8)!
    
    let storageRef = Storage.storage().reference().child("images/image.jpg")
    storageRef.putData(imageData, metadata: nil) { (metadata, error) in
      if let error = error {
        // 업로드 실패 시 처리 로직
        print("Upload failed: \(error.localizedDescription)")
      } else {
        // 업로드 성공 시 처리 로직
        print("Upload successful!")
      }
    }
  }
}

위 코드에서 UploadViewController는 이미지를 Firebase 스토리지에 업로드하고, 이미지를 다운로드하여 imageView에 표시하는 뷰컨트롤러입니다. sd_setImage(with:) 메소드를 사용하여 스토리지에서 이미지를 다운로드합니다. putData(_:metadata:completion:) 메소드를 사용하여 이미지 데이터를 스토리지에 업로드합니다. 업로드 완료 시 호출되는 클로저에서 업로드 성공 여부에 따라 처리 로직을 구현할 수 있습니다.

이제 Swift와 FirebaseUI를 사용하여 실시간 이벤트 및 콘서트 예약 시스템을 구현하는 방법에 대해 알아보았습니다. FirebaseUI를 활용하면 손쉽게 인증, 데이터베이스 및 스토리지 기능을 구현할 수 있으므로, 앱 개발에 많은 도움이 될 것입니다.

더 자세한 내용은 FirebaseUI for iOS 문서를 참고하세요.