Flutter chat

flutter_chat

Firebase를 백엔드 서비스로 사용하여 Flutter에서 채팅 애플리케이션을 생성하기 위한 채팅 도우미입니다.

Checkout Android 앱 데모

Checkout 웹 데모

그냥 채팅 웹 데모

개발 지원

이 프로젝트가 도움이 되었거나 소스 코드에서 뭔가를 배웠고 나에게 감사하고 싶다면 나에게 한 잔 사주는 것을 고려해 보세요.

페이팔

특징:

1. 1-1채팅.
2. 추가된 친구하고만 채팅하세요(개인정보 보호). 새로운
3. 갤러리/카메라와 사진 공유
4. 사용자 온라인 상태
5. Flutter 웹 지원

다음 미래 범위

1. 공고
2. 그룹채팅
3. 채팅 요청에 대한 사용자 수락
4. 채팅에서 위치 공유

스크린샷:

시작하기

• 패키지의 pubspec.yaml 파일에 다음을 추가하세요.
  종속성:
  flutter_chat

• Android 및 iOS 프로젝트에 Firebase를 추가합니다.

• 스토리지 보안 규칙:

  규칙_버전 = '2'; service firebase.storage { match /b/{bucket}/o { match /{allPaths=**} { 읽기, 쓰기 허용: if request.auth != null; } } }

• Cloud FireStore의 보안 규칙:

  service cloud.firestore { match /databases/{database}/documents { match /{document=**} { 읽기, 쓰기 허용: if request.auth != null; } } }

• 필요에 따라 보안 규칙을 수정할 수 있습니다.

• Firebase에 'Cloud 함수'를 배포합니다. (cloudFunction 폴더에 제공, 사용자에게 온라인/오프라인 상태 표시에 사용됨)

• Stateful 위젯 클래스를 생성하고 본문에서 메서드를 호출합니다(예제는 Github 저장소에서 찾을 수 있음).
  initState() 내에서:
  -> ChatData.init("앱 이름",컨텍스트);
  위젯 빌드 본문에서:
  -> ChatData.widgetWelcomeScreen(컨텍스트)

플러터 웹

• Flutter-Chat 프로젝트를 웹에서 실행하려면 앱, Firebase->설정으로 이동한 후 새 앱, 웹을 추가하세요. 지침에 따라 웹 폴더의 index.html에 firebaseConfig 스크립트를 넣고,

<script> // 웹 앱의 Firebase 구성 var firebaseConfig = { ..... .... } </script>

설렘을 즐겨보세요