Firebase #iOS, NewsFeed 기초

firebase, realtime database, timeline

by Tilltue

Oct 16. 2016

* 이글은 Swift 3.0 , Firebase 3.6.0 를 기준으로 작성되었습니다.

firebase 실시간 데이터 베이스를 뉴스피드형태로 사용하는 간단한 예제를 만들어 보려 한다.

1. 실시간으로 추가되는 데이터를 업데이트 해준다.

2. 새로고침으로 새로운 데이터를 가져온다.

3. 더 가져오기를 통해 오래된 데이터를 불러온다.

1,2 번의 경우 firebase 의 데이터베이스 이벤트를 활용하면 된다.

( childAdded,childChanged )

https://brunch.co.kr/@tilltue/19

Firebase #iOS,데이터베이스 이벤트

realtime database, ios, query | * 이글은 Swift 3.0 , Firebase 3.6.0 를 기준으로 작성하였습니다. Firebase 에서는 실시간 데이터 베이스를 지원한다, firebase iOS 시작하기 에서 맛보기로 진행했던 부분인데, 무료로 지원하는 부분은 다음과 같다. 실시간 접속은 100 건이므로, 무료 계정으로 할수 있는 부분은 한계가 있으니, 개발하고자 하는 앱에서 필요로

https://brunch.co.kr/@tilltue/19

보통 feed 의 경우 날짜를 기준으로 데이터를 가져와야 하지만, 적절한 예제json 이 없어서

이 글에서 사용한 프로젝트를 활용하려 한다.

날짜 대신에 기본 key 값으로 활용하려 한다.

테이블 refresh, load more 를 UI로 표현해줄 오픈소스를 하나 추가한다.

pod 'PullToRefresher', '~> 2.0'

https://github.com/Yalantis/PullToRefresh

Yalantis/PullToRefresh

PullToRefresh - This component implements pure pull-to-refresh logic and you can use it for developing your own pull-to-refresh animations

https://github.com/Yalantis/PullToRefresh

ViewController 에 아래의 코드를 추가하자.

import PullToRefresh
...

class ViewController: UIViewController {
@IBOutlet fileprivate weak var tableView: UITableView!
var ref: FIRDatabaseReference? = nil
var cards = [Card]()
let refresher = PullToRefresh()

deinit {
tableView.removePullToRefresh(tableView.bottomPullToRefresh!)
tableView.removePullToRefresh(tableView.topPullToRefresh!)
}
override func viewDidLoad() {
super.viewDidLoad()
//... 초기 데이터 15개를 불러오는 코드
self.ref = FIRDatabase.database().reference()
guard let ref = self.ref else { return }
let query = ref.child("Cards").queryLimited(toFirst: 15)
query.observeSingleEvent(of: .value, with: { [weak self] snapshot in
guard let wself = self else { return }
print(snapshot.value)
for childSnapshot in snapshot.children {
if let childSnapshot = childSnapshot as? FIRDataSnapshot {
let card = Card(snapshot: childSnapshot)
wself.cards.append(card)
}
}
wself.tableView.reloadData()
})
removeEventHandler(ref: ref)
setupPullToRefresh()
}
}
fileprivate extension ViewController {
func moreLoading() {
if let ref = self.ref, let lastCard = cards.last {
let key = String((Int(lastCard.ref.key) ?? 0) + 1)
let query = ref.child("Cards").queryOrderedByKey().queryStarting(atValue: key).queryLimited(toFirst: 3)
query.observeSingleEvent(of: .value, with: { [weak self] snapshot in
guard let wself = self else { return }
for childSnapshot in snapshot.children {
if let childSnapshot = childSnapshot as? FIRDataSnapshot {
let card = Card(snapshot: childSnapshot)
wself.cards.append(card)
}
}
wself.tableView.reloadData()
wself.tableView.endRefreshing(at: .bottom)
})
}else{
//Failed
self.tableView.endRefreshing(at: .bottom)
}
}

현재 가진 카드 객체중 마지막 객체의 키값에 1을 더해서 그때부터 데이터를 3개 더 가져오는 코드이다.

let key = String((Int(lastCard.ref.key) ?? 0) + 1)

let query = ref.child("Cards").queryOrderedByKey().queryStarting(atValue: key).queryLimited(toFirst: 3)

하단 refresh 시 moreloading 함수를 호출하도록 하자.

func setupPullToRefresh() {
tableView.addPullToRefresh(PullToRefresh()) { [weak self] in
let delayTime = DispatchTime.now() + Double(Int64(2 * Double(NSEC_PER_SEC))) / Double(NSEC_PER_SEC)
DispatchQueue.main.asyncAfter(deadline: delayTime) {
}
}
tableView.addPullToRefresh(PullToRefresh(position: .bottom)) { [weak self] in
let delayTime = DispatchTime.now() + Double(Int64(2 * Double(NSEC_PER_SEC))) / Double(NSEC_PER_SEC)
DispatchQueue.main.asyncAfter(deadline: delayTime) {
self?.moreLoading()
}
}
}
}