Flutter chat

フラッターチャット

バックエンド サービスとして Firebase を使用して Flutter でチャット アプリケーションを作成するためのチャット ヘルパー。

Android アプリのデモをチェックアウトする

チェックアウト Web デモ

ジャストチャット Web デモ

サポート開発

このプロジェクトが役に立ったと感じた場合、またはソース コードから何かを学び、私に感謝したい場合は、私に ☕️ を買ってみてください。

ペイパル

特徴：

1. 1対1のチャット。
2. 追加した友達とのみチャットします(プライバシー)。新しい
3. ギャラリー/カメラと写真を共有
4. ユーザーのオンラインステータス
5. Flutter Web のサポート

次の将来のスコープ

1. 通知
2. グループチャット
3. チャットリクエストに対するユーザーの承認
4. チャットで位置情報を共有する

スクリーンショット:

はじめる

• これをパッケージの pubspec.yaml ファイルに追加します。
  依存関係:
  フラッターチャット

• Android および iOS プロジェクトに Firebase を追加します。

• ストレージのセキュリティ ルール:

  ルールバージョン = '2'; service firebase.storage { match /b/{bucket}/o { match /{allPaths=**} { 読み取り、書き込みを許可します: request.auth != null; } } }

• クラウド fireStore のセキュリティ ルール:

  service cloud.firestore { match /databases/{database}/documents { match /{document=**} { 読み取り、書き込みを許可します: request.auth != null; } } }

• 必要に応じてセキュリティ ルールを変更できます。

• Firebase上に「Cloud Function」をデプロイします。 (cloudFunction フォルダーに提供され、ユーザーのオンライン/オフライン ステータスを表示するために使用されます)。

• ステートフル ウィジェット クラスを作成し、本体でメソッドを呼び出します (例は Github リポジトリにあります)。
  initState() 内:
  -> ChatData.init("アプリ名",コンテキスト);
  そしてウィジェットビルドの本体では次のようになります。
  -> ChatData.widgetWelcomeScreen(コンテキスト)

フラッターウェブ

• Flutter-Chat プロジェクトを実行したい場合は、ウェブ上で [アプリ]、[Firebase] -> [設定] に移動し、新しいアプリを追加し、ウェブ 指示に従い、ウェブ フォルダーのindex.html に firebaseConfig スクリプトを置きます。

<script> // ウェブアプリの Firebase 設定 var firebaseConfig = { ..... .... } </script>

ときめきを楽しむ