Cloud Firestore 실시간으로 데이터 업데이트하기 (addSnapshotListener)

안녕하세요 Foma 입니다!

오늘은 파이어스토어에서 실시간으로 바뀐 데이터를 업데이트할 수 있는 기능을 알아보겠습니다.

 

addSnapshotListener를 달아주면 되는데요. 

 

이 기능은 연결된 주소의 데이터가 바뀔때마다 자동으로 업데이트를 해주는데요. 

 

이것은 아주 많이 사용되고 유용한 것이라서 이곳에 적어놓겠습니다!!

 

자 그럼 예시로 시작하겠습니다.

 

먼저 users라는 콜렉션에 document로 user1을 만들어주고 name필드를 만들고 원하는 이름을 써줍니다.

 

xcode로 돌아가서 스토리보드로 이동해 뷰콘트롤러를 만들어주고 이름을 나타낼 Label 하나 바꿔줄 이름을 적을 TextField 그리고 이름을 바꿔줄 Button을 만들어줍니다.

 

뷰콘트롤러로 이동하여 Label,Button,TexField를 IBOutlet으로 연결시켜줍니다. (Button은 Action까지)

 

그 다음으론 아까 만들어주었던 데이터베이스 주소를 만들어줍니다.

 

이 주소에 addSnapshotListener를 달아주고 해당 문서의 name필드값을 받아와 Label의 텍스트를 그 글자로 변경하겠습니다.

 

이 상태로 시뮬레이터를 돌려보면 nameLabel이 아까 데이터베이스에 써놨던 Foma로 변경된것을 볼 수 있습니다!

 

change버튼의 액션에 해당 데이터베이스 주소의 name필드값을 텍스트필드에 작성한 값으로 업데이트하도록 해줍니다.

이렇게 하면 모든 세팅이 완료되었습니다. 이 상태로 시뮬레이터를 돌려 텍스트필드안에 값을 입력하고 change버튼을 누르게 되면 name필드값이 업데이트됨과 동시에 nameLabel의 글자가 실시간으로 변경되게됩니다.

뿐만 아니라 데이터베이스에서 값을 변경하여도 시뮬레이터에서 값이 바뀌게 되고 시뮬레이터에서 값을 변경하여도 마찬가지로 데이터베이스의 값이 바뀌게 됩니다.

 

 

참조

Cloud Firestore로 실시간 업데이트 가져오기  |  Firebase