[플러터] 플러터 웹 채팅 예제 with Firebase

2020. 10. 15. 08:39·Flutter/Flutter Web

파이어베이스를 이용한 간단한 플러터 웹 채팅 예제

 

firechat

 

pitterpark.github.io

 

플러터와 파이어베이스를 이용한 간단한 채팅이다.

말풍선이 생길 때마다 최초 채팅부터 마지막 채팅까지 모두 불러와 화면과 데이터를 갱신하므로 product로는 사용 불가능하니 예제로만 참고 바란다. 실제 Firebase로 채팅을 구현하는 경우에는 Realtime-database를 사용하고 색인을 사용해 한번에 읽어오는 데이터의 개수를 제한하여 속도와 비용을 줄여야한다.

 


해당 웹은 깃허브로 배포했다.

깃허브로 웹을 배포하는 방법은 아래 링크에 있다.

 

[Flutter] 웹을 깃허브로 배포 및 호스팅 하기

플러터로 개발한 웹을 깃허브로 배포하여 깃허브 도메인으로 누구나 접근 가능하도록 하는 방법이다. 플러터 웹 프로젝트를 생성하는 방법은 아래의 링크 참고 https://muhly.tistory.com/16?category=92886

muhly.tistory.com

 

 

파이어베이스와 웹을 연동하는 방법은 아래의 링크에 있다.

 

[플러터] 플러터 웹과 Firebase 연동하기

https://muhly.tistory.com/16?category=928869 [Flutter] 플러터 Web 개발하는 법 플러터는 앱&웹을 동시에 제작할 수 있다. 앱을 크롬과 같은 웹 브라우저에서 실행 시키는 건데, 전통적인 웹과는 인터페이스가.

muhly.tistory.com

 

 

 

저작자표시 비영리 변경금지 (새창열림)

'Flutter > Flutter Web' 카테고리의 다른 글

[Flutter web] Firebase 구글 로그인  (0) 2021.11.27
[플러터] 플러터 웹에 대한 Q&A 모음  (1) 2020.12.16
[플러터 web] 플러터 웹과 Firebase 연동하기  (0) 2020.12.14
[플러터] 웹을 깃허브로 배포 및 호스팅 하기  (2) 2020.10.15
[Flutter] 플러터 Web 개발하는 법  (0) 2020.09.06
'Flutter/Flutter Web' 카테고리의 다른 글
  • [플러터] 플러터 웹에 대한 Q&A 모음
  • [플러터 web] 플러터 웹과 Firebase 연동하기
  • [플러터] 웹을 깃허브로 배포 및 호스팅 하기
  • [Flutter] 플러터 Web 개발하는 법
박유상의 개발블로그
박유상의 개발블로그
개발블로그
  • 박유상의 개발블로그
    박유상의 개발블로그
    박유상의 개발블로그
  • 전체
    오늘
    어제
    • 전체 (134)
      • Who am I (10)
        • Portfolio (4)
        • Reminiscence (5)
        • Oversea (1)
        • SiliconValley (0)
      • React (36)
        • React Basic (15)
        • React Tech (5)
        • JavaScript (7)
        • TypeScript (3)
        • CSS&HTML (3)
        • Firebase (3)
      • NodeJS (1)
        • NodeJS Basic (1)
      • Flutter (55)
        • Flutter Widget Design (5)
        • Flutter Widget Basic (8)
        • Flutter Tech (18)
        • Flutter Issue (7)
        • Flutter Web (6)
        • About Flutter (2)
        • Firebase (1)
        • Dev Env (1)
        • Dart (7)
      • Programming (31)
        • Web (1)
        • General (0)
        • Algorithm (25)
        • Python (1)
        • VS Code (2)
      • Django (0)
  • 블로그 메뉴

    • Who I AM
    • React
    • NodeJS
    • Flutter
    • Programming
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    map
    react
    Python
    포트폴리오
    플러터
    Firebase
    리액트
    HTML
    자바스크립트
    JSON
    DART
    알고리즘
    웹
    Redux
    DP
    CSS
    TypeScript
    JavaScript
    useTranslation
    flutter web
    useRef
    useState
    프로그래머스
    github
    플러터 웹
    Lingory
    Flutter
    링고리
    탐욕법
    파이썬
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
박유상의 개발블로그
[플러터] 플러터 웹 채팅 예제 with Firebase
상단으로

티스토리툴바