Firebase RESTAPI로 데이터 20개 이상 받아오기

 

문제 상황

Firestore SDK 를 버리고 RestAPI 를 사용해 데이터를 받아오는 것에 성공했다.

그런데, 더미 데이터가 쌓여가니까 예상치 못한 문제가 발생했따.

 

어떤 문제였냐면,

데이터가 20개 이상 한번에 불러와지지 않았다. 이게 무슨,,,,?

 

으앙 이게 모꼬 하고 get 요청을 보내보았다.

 

먼저 모든 유저정보를 불러오는 요청을 보내보았다.

 

 

요청에 대한 응답으로는

 

 

엄청나게 긴 json 데이터들과 함께 맨 마지막에

“nextPageToken” 을 보내주었다.

 

원인

그래서 열시미 구글링해본 결과

firebase RESTAPI 를 사용할때 20개가 넘어가는 데이터를 불러올때는

get 요청 URL 에 파라미터에 nextPageToken을 함께 넘겨주면 된다고 한다.

 

그런데 get 요청을 보낼때마다 nextPageToken이 새로 발급되기 때문에

데이터를 받은 즉시 바로 다시 nextPageToken을 실어서 다음 데이터에 대한 요청을 보내야한다.

 

만약에 데이터가 60개라면 20개 → 20개 → 20개 받아오는 식으로 총 3번의 요청을 다다닥 보내야하는 것이다. 하하

 

 

해결 방법

그럼 먼저 구현된 코드를 한번 보자

 

func fetchUser(nextPageToken: String) {
        UserService.getUser(nextPageToken: nextPageToken)
            .receive(on: DispatchQueue.main)
            .sink { (completion: Subscribers.Completion<Error>) in
            } receiveValue: { (data: UserResponse) in
                self.userTemp.append(contentsOf: data.documents)
                if !(data.nextPageToken == nil) {
                    var nextPageToken : String = ""
                    nextPageToken = data.nextPageToken!
                    self.fetchUser(nextPageToken: nextPageToken)
                }else{
                    self.users = self.userTemp
                    self.userTemp.removeAll()
                    self.fetchUsersSuccess.send(data.documents)
                }
            }.store(in: &subscription)
    }

 

 

먼저 이 코드는

위의 fetchUser 메소드는 모든 유저 정보를 가져오는 메소드이다.

뷰에서 모든 유저의 정보 리스트가 필요할때 주로 onAppear에서 fetchUser 를 호출한다.

 

그럼 이제 이 코드의 로직에 대해 설명해보겠습니다!

만약 위에서 이야기 한것처럼 유저데이터가 총 60개라면 총 3번의 네트워크 요청을 해야한다.

이렇게 처음 View 에서 fetchUser를 파라미터에 빈문자열을 넣고 호출하면

userVM.fetchUser(nextPageToken: "")

 

1. nextPageToken 이 포함된 처음 20개의 유저 정보 데이터와 이 receiveValue (data: ) 에 들어올것이다.

 

2. 그럼 userTemp 프로퍼티에 먼저 받아온 20개의 데이터를 넣어주고,

 

3. data 에 nextPageToken 이 nil 일 때까지 (방금 불러온 데이터가 마지막으로 남은 데이터일때) !!

data 에 nextPageToken 이 nil 이 아니면 self.fetchUser(nextPageToken: nextPageToken) 이렇게 넣어서 요청을 보내준다.! ( == 재귀함수죠! )

 

4. 그러다 nextPageToken 이 nil이면 users 프로퍼티에 userTemp를 저장하고

 

5. 마지막으로 userTemp 프로퍼티를 초기화 시켜줍니다.

 

 

why?

그럼 왜 userTemp 프로퍼티를 따로 두어야 할까요?

처음에 Temp 없이 냅다 users 에 append 를 하는 방식으로 해보니

뷰에서 깜빡거림 현상이 나타나더라구요 😳 ⚡️

왜그런지 고민해보니 데이터를 연달아 3번 다다닥 받아와서

뷰와 직접 연결된 users 배열을 업데이트 하니까

뷰에서도 그 다다닥 업데이트 되는 것이 깜빡거리면서 보이는것 같더라구요!?

그래서 temp에 먼저 모든 데이터를 담아주고, 다 담아왔을때 users 를 한번만 업데이트 해주어 해결했습니다 🙂

 

굿굿

 

 

느낀점

휴 이거 메서드 만들다가 로직을 잘못만들어서 무한루프때문에 파이어베이스가 터질뻔 하기도 했지만 …. ㅎㅎ

재귀 함수를 써서 아쥬 나이스하게 해결해서 기분이 좋습니다.

결국은 해결 ~~~ 했습니다 !!!

 

 

그래서 오늘도 해결완 ~ 🤩