[swift] Swift FirebaseUI를 사용하여 실시간 알림톡 구현하기

16 Nov 2023

swift

Firebase는 실시간 데이터베이스 및 인증과 같은 기능을 제공하는 플랫폼으로, iOS 애플리케이션에 실시간 알림 기능을 구현하기에 적합한 도구입니다. FirebaseUI는 Firebase 기능을 사용하여 iOS 앱의 인증, 데이터베이스 및 스토리지 기능을 구현하는 데 도움을 주는 라이브러리입니다.

이번 예제에서는 Swift FirebaseUI를 사용하여 실시간 알림톡을 구현하는 방법에 대해 알아보겠습니다.

1. Firebase 프로젝트 만들기

Firebase 콘솔에 접속하여 새 프로젝트를 만들고, 해당 프로젝트의 API 키와 프로젝트 ID를 가져옵니다.

2. FirebaseUI 라이브러리 추가하기

FirebaseUI를 사용하기 위해 Podfile에 다음과 같은 의존성을 추가합니다:

pod 'FirebaseUI/Auth'
pod 'FirebaseUI/Phone'

의존성을 추가한 후, 터미널에서 pod install 명령을 실행하여 FirebaseUI를 프로젝트에 추가합니다.

3. FirebaseUI 및 Firebase 설정하기

AppDelegate.swift 파일에서 Firebase 및 FirebaseUI를 설정합니다. 다음과 같이 코드를 추가합니다:

import Firebase
import FirebaseUI

// ...

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    // ...

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        
        FirebaseApp.configure()
        
        // FirebaseUI 설정
        let authUI = FUIAuth.defaultAuthUI()
        authUI?.delegate = self
        let providers: [FUIAuthProvider] = [
            FUIPhoneAuth(authUI:FUIAuth.defaultAuthUI()!)
        ]
        authUI?.providers = providers
        
        // ...

        return true
    }

    // ...

}

4. 알림톡 화면 구현하기

실제로 알림톡 기능을 구현할 화면을 만듭니다. 예를 들어, ChatViewController라는 파일을 생성하여 알림톡 화면을 구현할 수 있습니다.

import UIKit
import Firebase
import FirebaseUI

class ChatViewController: UIViewController {

    // ...

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 로그인이 되어있지 않으면 로그인 화면을 표시
        if Auth.auth().currentUser == nil {
            showLoginScreen()
        } else {
            // 로그인된 사용자면 알림톡 데이터 로드 또는 구독 시작
            startChatSubscription()
        }
    }
    
    func showLoginScreen() {
        let authUI = FUIAuth.defaultAuthUI()
        let authViewController = authUI!.authViewController()
        present(authViewController, animated: true, completion: nil)
    }
    
    func startChatSubscription() {
        // Firebase 데이터베이스에서 알림톡 데이터 구독 시작
        // ...
    }

    // ...

}

5. 알림톡 데이터 구독하기

Firebase 데이터베이스에서 알림톡 데이터를 구독하여 실시간으로 업데이트를 받을 수 있습니다. 이를 위해 다음과 같이 코드를 작성합니다.

import UIKit
import Firebase
import FirebaseUI

class ChatViewController: UIViewController {

    // ...

    func startChatSubscription() {
        // Firebase 데이터베이스 참조
        let databaseRef = Database.database().reference()
        
        // 알림톡 데이터 구독
        databaseRef.child("chat").observe(.childAdded) { (snapshot) in
            if let chatData = snapshot.value as? [String: Any] {
                let message = chatData["message"] as? String
                // 알림톡 메시지 처리
                self.handleNewMessage(message)
            }
        }
    }
    
    func handleNewMessage(_ message: String?) {
        // 새로운 알림톡 메시지를 처리하는 로직 작성
        // ...
    }

    // ...

}

결론

이제 Swift FirebaseUI를 사용하여 실시간 알림톡을 구현하는 방법에 대해 알아보았습니다. FirebaseUI를 사용하면 Firebase의 강력한 실시간 기능을 쉽게 사용할 수 있으며, 이를 통해 iOS 앱의 알림톡 기능을 쉽고 간편하게 구현할 수 있습니다. FirebaseUI 공식 문서를 참조하여 더 많은 정보를 얻을 수 있습니다.