[swift] Swift와 Firebase를 이용한 앱의 사내 채팅 기능 개발하기

24 Nov 2023

swift

소개

이번 튜토리얼에서는 Swift와 Firebase를 사용하여 앱에 사내 채팅 기능을 추가하는 방법을 알아보겠습니다. Firebase는 백엔드 인프라 및 기능을 제공하여 개발자가 쉽게 실시간 애플리케이션을 구축할 수 있도록 도와줍니다. 앱에 채팅 기능을 추가하면 사용자들이 실시간으로 메시지를 주고받을 수 있으며, 팀 간의 소통이 원활해집니다.

개발 환경 설정

Xcode를 열고 새로운 프로젝트를 생성합니다.
Firebase 콘솔에서 새로운 프로젝트를 생성하고 설정합니다.
Firebase Realtime Database를 활성화합니다.
Firebase iOS SDK를 다운로드하고 프로젝트에 추가합니다.

Firebase 설정

프로젝트 내의 AppDelegate에 Firebase를 초기화하는 코드를 추가합니다.

import Firebase

...

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
    FirebaseApp.configure()
    return true
}

Firebase Realtime Database에 접근하기 위해 ChatRoom 모델 클래스를 생성합니다.

struct ChatRoom {
    let id: String
    let name: String
    let lastMessage: String
    // 추가적인 필드들을 정의할 수 있습니다.
}

채팅 화면 구성

Xcode에서 Main.storyboard를 열고 채팅 화면을 구성합니다. 채팅을 위한 테이블 뷰와 텍스트 필드 등의 UI 요소를 추가합니다.
UIViewController 클래스를 생성하고 해당 뷰 컨트롤러에 채팅 관련 로직을 추가합니다.

import UIKit
import Firebase

class ChatViewController: UIViewController {

    @IBOutlet weak var tableView: UITableView!
    @IBOutlet weak var messageTextField: UITextField!

    var chatRoom: ChatRoom!
    var messages: [String] = []
    var ref: DatabaseReference!
    var observer: DatabaseReference!
    
    override func viewDidLoad() {
        super.viewDidLoad()

        // Firebase Realtime Database 참조 가져오기
        ref = Database.database().reference().child("chatRooms/\(chatRoom.id)/messages")
        
        // 패턴 매칭을 사용하여 데이터를 실시간으로 업데이트합니다.
        observer = ref.observe(.childAdded, with: { [weak self] snapshot in
            if let message = snapshot.value as? String {
                self?.messages.append(message)
                self?.tableView.reloadData()
            }
        })
    }
    
    // 메시지를 전송하는 기능 구현
    @IBAction func sendButtonTapped(_ sender: UIButton) {
        if let message = messageTextField.text {
            // Firebase Realtime Database에 새로운 메시지 추가
            ref.childByAutoId().setValue(message)
            messageTextField.text = ""
        }
    }
    
    // 뷰가 해제될 때 Firebase 참조 및 옵저버 해제
    override func viewWillDisappear(_ animated: Bool) {
        super.viewWillDisappear(animated)
        ref.removeObserver(withHandle: observer)
    }
}

채팅 데이터 저장

Firebase 콘솔에서 “Realtime Database” 세팅으로 이동하여 “rules” 탭에서 아래 코드를 붙여넣습니다. 이렇게 함으로써 권한을 제어하여 사용자간의 채팅 데이터를 안전하게 보호할 수 있습니다.

{
  "rules": {
    ".read": true,
    ".write": true
  }
}

채팅 기능 테스트

이제 채팅 화면을 실행하면 Firebase Realtime Database에 새로운 채팅 메시지가 추가되고 화면에 업데이트되는 것을 확인할 수 있습니다.

결론

이번 튜토리얼에서는 Swift와 Firebase를 사용하여 앱에 사내 채팅 기능을 빠르고 쉽게 추가하는 방법을 알아보았습니다. Firebase를 사용하는 것은 채팅 기능을 구현하는 많은 작업을 간소화하고 사용자 경험을 향상시킬 수 있습니다. Firebase를 활용하여 애플리케이션에 채팅 기능을 추가해보세요!

참고 자료

위 코드는 예시이며, 실제 앱에서는 보안 및 데이터 구조에 대한 고려가 필요합니다.