파이어베이스 이용해서 채팅기능을 구현했습니다.

1. Simple Chat using
Firebase
김태우
tu_k@naver.com
@2ster_egg

2. Chatting on Schoolbell-e
- 웹
- 인증 (로그인)
- 1:1
- 실시간
- 이미지 전송

3. Firebase

4. Firebase
Backend as a Service

10. 인증
Authentication

11. 인증
Authentication
Node.js 서버 활용

12. 인증
Authentication
Node.js 서버 활용
CustomToken을 생성 및 전달

13. - JSON 형식의 파일을 이용해 Firebase 설정
- ‘users’ 테이블을 조회
> select * from users where id = decoded.id;
- 정보가 없으면 생성
> insert into users (…) values (…)
- 생성된 uid를 기반으로 생성된 토큰을 반환

14. 1:1
Create ‘Room’

15. - /rooms/ 경로에 키 추가 (방 생성)
- /rooms/rid/ 경로에 멤버를 등록
- 메시지 읽음 여부 및 소속 상태와 같은
상태 파악을 위한 값 설정 (추후 활용)

16. 실시간
Realtime

17. 실시간
Realtime
Event & Listener

18. - ‘messages’ 경로에 데이터 입
력 (room_id, user_id, text,
time, type)
- 유저가 속한 채팅방에 mid(메
시지 아이디)만 저장

19. - 가장 최근의 메시지 12개를 가져와서
화면에 출력
- /rid/messages/ 경로에 있는 mid들에
대한 메시지 내용들을 가져옴
- 방의 메시지 리스트에 자식(데이터)가
추가되거나 변경되면
setMessage(data) 메소드를 수행

20. School Chat !!