[swift] Swift FirebaseUI를 사용하여 온라인 뮤직 스트리밍 구현하기

16 Nov 2023

swift

FirebaseUI는 Firebase를 사용하는 앱 개발을 더욱 쉽게 만들어주는 개발 도구입니다. FirebaseUI를 사용하여 온라인 뮤직 스트리밍 앱을 구현하는 방법을 알아보겠습니다.

FirebaseUI 설정

FirebaseUI를 사용하기 위해 먼저 Firebase를 프로젝트에 추가해야 합니다. Firebase를 사용하기 위한 세팅은 Firebase 공식 문서를 참고하세요.

Firebase를 설정한 후에는 FirebaseUI를 프로젝트에 추가해야 합니다. 이를 위해 Cocoapods를 사용할 수 있습니다. 프로젝트의 Podfile에 다음과 같이 FirebaseUI를 추가합니다.

pod 'FirebaseUI'

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

사용자 인증 구현

FirebaseUI를 사용하여 사용자 인증을 구현해야합니다. FirebaseUI는 다양한 인증 방식을 지원합니다. 예를 들어 이메일/비밀번호, 구글, 페이스북 등을 사용할 수 있습니다.

import Firebase
import FirebaseUI

class AuthViewController: UIViewController, FUIAuthDelegate {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let authUI = FUIAuth.defaultAuthUI()
        authUI?.delegate = self
        
        let providers: [FUIAuthProvider] = [
            FUIEmailAuth(),
            FUIGoogleAuth(),
            FUIFacebookAuth()
        ]
        authUI?.providers = providers
        
        let authViewController = authUI!.authViewController()
        present(authViewController, animated: true, completion: nil)
    }

    // 사용자 인증 완료 시 호출되는 콜백 메소드
    func authUI(_ authUI: FUIAuth, didSignInWith user: User?, error: Error?) {
        guard error == nil else {
            print("로그인에 실패했습니다.")
            return
        }
        
        if let user = user {
            print("로그인에 성공했습니다. 사용자 이름: \(user.displayName ?? "")")
            // 로그인에 성공한 후 원하는 기능을 구현하면 됩니다.
        }
        else {
            print("로그인을 취소했습니다.")
        }
    }
}

위의 코드는 사용자 인증을 위한 ViewController 예시입니다. FUIAuth.defaultAuthUI()를 사용하여 FirebaseUI 인스턴스를 초기화하고, 인증 방식에 따른 FUIAuthProvider들을 설정합니다. 사용자가 인증을 성공하면 authUI(_:didSignInWith:error:) 메소드가 호출되며, 로그인 성공 여부를 확인하고 필요한 기능을 구현할 수 있습니다.

온라인 뮤직 스트리밍 구현

온라인 뮤직 스트리밍을 구현하기 위해 Firebase의 Realtime Database를 활용할 수 있습니다. Realtime Database는 실시간으로 데이터를 동기화하고 업데이트하는데 유용한 기능을 제공합니다.

예를 들어, 사용자가 음악을 업로드하면 해당 음악 정보를 Realtime Database에 저장하고, 다른 사용자들이 실시간으로 업데이트된 음악을 스트림으로 들을 수 있습니다. 이를 위해 다음과 같이 Firebase Realtime Database를 설정합니다.

import Firebase

class MusicManager {
    
    static func uploadMusic(title: String, artist: String, musicURL: URL, completion: @escaping (Error?) -> Void) {
        // Firebase Realtime Database에 음악 정보 저장하기
        let musicRef = Database.database().reference().child("music")
        let newMusicRef = musicRef.childByAutoId()
        
        let musicData: [String: Any] = [
            "title": title,
            "artist": artist,
            "musicURL": musicURL.absoluteString
        ]
        newMusicRef.setValue(musicData) { (error, ref) in
            completion(error)
        }
    }
    
    static func streamMusic(completion: @escaping (URL?) -> Void) {
        // Firebase Realtime Database에서 가장 최근 음악 정보 가져오기
        let musicRef = Database.database().reference().child("music")
        let latestMusicRef = musicRef.queryLimited(toLast: 1)
        
        // 실시간으로 업데이트된 음악 정보 감지
        latestMusicRef.observe(.childAdded) { (snapshot) in
            let musicData = snapshot.value as? [String: Any]
            let musicURLString = musicData?["musicURL"] as? String
            let musicURL = URL(string: musicURLString ?? "")
            
            completion(musicURL)
        }
    }
}

위의 코드는 음악 업로드와 음악 스트리밍을 담당하는 MusicManager 클래스 예시입니다. uploadMusic(title:artist:musicURL:completion:) 함수는 Firebase Realtime Database에 음악 정보를 저장하고 streamMusic(completion:) 함수는 가장 최근 업데이트된 음악 정보를 실시간으로 가져옵니다.

FirebaseUI를 사용하여 사용자 인증을 구현한 후 MusicManager 클래스를 사용하여 음악을 업로드하고 스트리밍할 수 있습니다.

이제 Swift FirebaseUI를 사용하여 온라인 뮤직 스트리밍을 구현하는 방법을 알게되었습니다. FirebaseUI를 사용하면 더욱 간편하고 효율적으로 Firebase 기반 앱을 개발할 수 있습니다.