แอพโซเชียลมีเดีย Wooble
Wooble เป็นแอปโซเชียลมีเดียที่ใช้งานได้เต็มรูปแบบพร้อมฟีเจอร์มากมายที่สร้างขึ้นด้วยการพลิ้วไหวและโผ
ติดดาว repo ถ้าคุณชอบสิ่งที่คุณเห็น
ความต้องการ
- ระบบปฏิบัติการใดๆ (เช่น MacOS X, Linux, Windows)
- IDE ใด ๆ ที่ติดตั้ง Flutter SDK (เช่น IntelliJ, Android Studio, VSCode ฯลฯ )
- ความรู้เล็กๆ น้อยๆ เกี่ยวกับ Dart และ Flutter
- มีสมองให้คิด ??
คุณสมบัติ
- ฟีดรูปภาพที่กำหนดเอง
- โพสต์โพสต์รูปภาพจากกล้องหรือแกลเลอรี
- ชอบโพสต์
- แสดงความคิดเห็นในโพสต์
- ดูความคิดเห็นทั้งหมดในโพสต์
- ค้นหาผู้ใช้
- การส่งข้อความแบบเรียลไทม์และการส่งภาพ
- กำลังลบโพสต์
- หน้าโปรไฟล์
- เปลี่ยนรูปโปรไฟล์
- เปลี่ยนชื่อผู้ใช้
- ติดตาม / เลิกติดตามผู้ใช้
- เปลี่ยนมุมมองรูปภาพจากเค้าโครงตารางเป็นเค้าโครงฟีด
- เพิ่มประวัติของคุณเอง
- ฟีดการแจ้งเตือนแสดงการถูกใจ / ความคิดเห็นล่าสุดของโพสต์ของคุณ + ผู้ติดตามใหม่
- ปัดเพื่อลบการแจ้งเตือน
- รองรับโหมดมืด
- เรื่องราว/สถานะ
- ผู้ให้บริการที่ใช้ในการจัดการรัฐ
ภาพหน้าจอ


















การติดตั้ง
1. ตั้งค่า Flutter
2. โคลน repo
3. ตั้งค่าแอป firebase
- คุณจะต้องสร้างอินสแตนซ์ Firebase ทำตามคำแนะนำที่ https://console.firebase.google.com
- เมื่อสร้างอินสแตนซ์ Firebase ของคุณแล้ว คุณจะต้องเปิดใช้งานการตรวจสอบสิทธิ์ของ Google
- ไปที่คอนโซล Firebase สำหรับอินสแตนซ์ใหม่ของคุณ
- คลิก "การรับรองความถูกต้อง" ในเมนูด้านซ้าย
- คลิกแท็บ "วิธีการลงชื่อเข้าใช้"
- คลิก "อีเมลและรหัสผ่าน" และเปิดใช้งาน
- สร้างแอปภายในอินสแตนซ์ Firebase สำหรับ Android ด้วยชื่อแพ็คเกจ com.yourcompany.news
- เรียกใช้คำสั่งต่อไปนี้เพื่อรับคีย์ SHA-1 ของคุณ:
keytool -exportcert -list -v
-alias androiddebugkey -keystore ~/.android/debug.keystore
- ในคอนโซล Firebase ในการตั้งค่าแอป Android ให้เพิ่มคีย์ SHA-1 โดยคลิก "เพิ่มลายนิ้วมือ"
- ทำตามคำแนะนำเพื่อดาวน์โหลด google-services.json
- วาง
google-services.json
ลงใน /android/app/
- (ข้ามหากไม่ได้ทำงานบน iOS)
- สร้างแอปภายในอินสแตนซ์ Firebase สำหรับ iOS ด้วยชื่อแพ็คเกจแอปของคุณ
- ทำตามคำแนะนำเพื่อดาวน์โหลด GoogleService-Info.plist
- เปิด XCode คลิกขวาที่โฟลเดอร์ Runner เลือกเมนู "เพิ่มไฟล์ลงใน 'Runner'" และเลือกไฟล์ GoogleService-Info.plist เพื่อเพิ่มลงใน /ios/Runner ใน XCode
- เปิด /ios/Runner/Info.plist ในโปรแกรมแก้ไขข้อความ ค้นหาคีย์ CFBundleURLSchemes รายการที่ 2 ในค่าอาร์เรย์ของคีย์นี้เป็นรายการเฉพาะสำหรับอินสแตนซ์ Firebase แทนที่ด้วยค่า REVERSED_CLIENT_ID จาก GoogleService-Info.plist
ตรวจสอบคำแนะนำในการติดตั้งอีกครั้งสำหรับทั้งคู่
- ปลั๊กอิน Google Auth
- https://pub.dartlang.org/packages/firebase_auth
- ปลั๊กอิน Firestore
- https://pub.dartlang.org/packages/cloud_firestore
อะไรต่อไป?
- [] การสนทนาทางวิดีโอ
- [ ] ม้วน
- [] การส่งและการอัพโหลดวิดีโอ (ความเข้ากันได้ของวิดีโอ)
บันทึก
- ฟีเจอร์เรื่องราวพร้อมใช้งานแล้ว คุณสามารถเขียนฟังก์ชันตัวกำหนดเวลาคลาวด์เพื่อลบเรื่องราวอัตโนมัติหลังจากผ่านไป 24 ชั่วโมง เนื่องจากไม่ได้เปิดใช้งานฟังก์ชันคลาวด์ในโปรเจ็กต์นี้
- ผู้แต่ง
ชาร์ลี เคเลบ ชาร์ลี เคเลบ