Flutter chat

กระพือ_แชท

Chat Helper สำหรับสร้างแอปพลิเคชั่นแชทใน Flutter โดยใช้ Firebase เป็นบริการแบ็กเอนด์

ชำระเงินสาธิตแอป Android

ชำระเงินการสาธิตเว็บ

เพียงแชทสาธิตเว็บ

รองรับการพัฒนา

หากคุณพบว่าโปรเจ็กต์นี้มีประโยชน์หรือคุณเรียนรู้บางอย่างจากซอร์สโค้ดและต้องการขอบคุณฉัน ลองซื้อกาแฟให้ฉันสักแก้ว ☕️

เพย์พาล

คุณสมบัติ:

1. 1-1 แชท
2. แชทกับเพื่อนที่เพิ่มเท่านั้น (ความเป็นส่วนตัว) ใหม่
3. แบ่งปันรูปภาพด้วยคลังภาพ / กล้อง
4. สถานะออนไลน์ของผู้ใช้
5. รองรับเว็บ Flutter

ขอบเขตอนาคตต่อไป

1. การแจ้งเตือน
2. แชทกลุ่ม
3. การยอมรับผู้ใช้ตามคำขอแชท
4. แชร์ตำแหน่งในการแชท

ภาพหน้าจอ:

เริ่มต้นใช้งาน

• เพิ่มสิ่งนี้ลงในไฟล์ pubspec.yaml ของแพ็คเกจของคุณ:
  การพึ่งพา:
  กระพือ_แชท

• เพิ่ม firebase ในโปรเจ็กต์ Android และ iOS ของคุณ

• กฎความปลอดภัยสำหรับการจัดเก็บ:

  กฎ_เวอร์ชัน = '2'; บริการ firebase.storage { จับคู่ /b/{bucket}/o { จับคู่ /{allPaths=**} { อนุญาตให้อ่านเขียน: if request.auth != null; -

• กฎความปลอดภัยสำหรับ Cloud fireStore:

  บริการ cloud.firestore { จับคู่ /databases/{database}/documents { จับคู่ /{document=**} { อนุญาตให้อ่านเขียน: if request.auth != null; -

• คุณสามารถแก้ไขกฎความปลอดภัยได้ตามที่คุณต้องการ

• ปรับใช้ "ฟังก์ชั่นคลาวด์" บน firebase (มีอยู่ในโฟลเดอร์ cloudFunction ใช้เพื่อแสดงสถานะออนไลน์/ออฟไลน์ของผู้ใช้)

• สร้างคลาสวิดเจ็ต Stateful และเรียกใช้เมธอดในเนื้อหา (ตัวอย่างสามารถพบได้ใน Github repo)
  ภายใน initState():
  -> ChatData.init("ชื่อแอป",บริบท);
  และในเนื้อหาของ Widget build:
  -> ChatData.widgetWelcomeScreen (บริบท)

เว็บกระพือ

• หากต้องการรันโปรเจ็กต์ Flutter-Chat บนเว็บ ไปที่แอป Firebase->การตั้งค่า จากนั้นเพิ่มแอปใหม่ เว็บ ทำตามคำแนะนำ วางสคริปต์ firebaseConfig บน index.html ในโฟลเดอร์เว็บ

<script> // การกำหนดค่า Firebase ของเว็บแอปของคุณ var firebaseConfig = { ..... .... } </script>

เพลิดเพลินไปกับการกระพือปีก