Flutter chat

flutter_chat

Ein Chat-Helfer zum Erstellen einer Chat-Anwendung in Flutter mit Firebase als Backend-Diensten.

Testen Sie die Android-App-Demo

Web-Demo zur Kasse

Einfach Chat-Webdemo

Unterstützen Sie die Entwicklung

Wenn Sie dieses Projekt hilfreich fanden oder etwas aus dem Quellcode gelernt haben und sich bei mir bedanken möchten, denken Sie darüber nach, mir eine Tasse ☕️ zu kaufen

PayPal

Merkmale:

1. 1-1-Chat.
2. Chatten Sie nur mit hinzugefügten Freunden (Datenschutz). Neu
3. Bild mit Galerie/Kamera teilen
4. Online-Status des Benutzers
5. Flutter-Web wird unterstützt

Nächster zukünftiger Umfang

1. Benachrichtigung
2. Gruppenchat
3. Benutzerakzeptanz bei Chat-Anfrage
4. Standort im Chat teilen

Screenshots:

Erste Schritte

• Fügen Sie Folgendes zur pubspec.yaml-Datei Ihres Pakets hinzu:
  Abhängigkeiten:
  flutter_chat

• Fügen Sie Firebase zu Ihrem Android- und iOS-Projekt hinzu.

• Sicherheitsregeln für die Speicherung:

  Rules_version = '2'; service firebase.storage { match /b/{bucket}/o { match /{allPaths=**} { read, write erlauben: if request.auth != null; } } }

• Sicherheitsregeln für Cloud FireStore:

  service cloud.firestore { match /databases/{database}/documents { match /{document=**} { read, write erlauben: if request.auth != null; } } }

• Sie können die Sicherheitsregeln nach Bedarf ändern.

• Stellen Sie „Cloud Function“ auf Firebase bereit. (wird im cloudFunction-Ordner bereitgestellt und zum Anzeigen des Online-/Offline-Status des Benutzers verwendet).

• Erstellen Sie eine Stateful-Widget-Klasse und rufen Sie die Methode im Hauptteil auf (Beispiele finden Sie im Github-Repo).
  innerhalb initState():
  -> ChatData.init("app name",context);
  und im Hauptteil des Widget-Builds:
  -> ChatData.widgetWelcomeScreen(Kontext)

Flatternetz

• Wenn Sie das Flutter-Chat-Projekt im Web ausführen möchten, gehen Sie zu App, Firebase->Einstellungen und fügen Sie dann eine neue App im Web hinzu. Folgen Sie den Anweisungen. Legen Sie das FirebaseConfig-Skript auf index.html im Webordner ab.

<script> // Die Firebase-Konfiguration Ihrer Web-App var firebaseConfig = { ..... .... } </script>

Viel Spaß beim Flattern