messenger iOS chat swift firestore

เรียลไทม์สวิฟต์ iOS แชทกับ Firebase - Messenger Clone

นี่คือรหัสแหล่งแอพแชทที่ง่ายมากของแอพแชท iOS Swift มันใช้ประโยชน์จาก MessageKit และจัดเก็บและดึงข้อมูลไปที่/จาก Firebase Firestore การออกแบบแอพได้รับแรงบันดาลใจจาก Facebook Messenger โคลนซอร์สโค้ดแอพ iOS แชทและเพิ่มแชทที่เต็มเปี่ยมไปยังแอปของคุณในไม่กี่นาที

เรียนรู้วิธีสร้างคุณสมบัติการแชท iOS ของคุณเองด้วยรหัสเพียงไม่กี่บรรทัด โคลนซอร์สโค้ดแอพแชท iOS นี้และเริ่มต้นโดยทำตามขั้นตอนด้านล่าง สำหรับรายละเอียดเพิ่มเติมตรวจสอบเอกสารทางเทคนิคโดยละเอียดของเราในหน้าแอพแชท iOS Swift อย่างเป็นทางการ

หากคุณได้รับข้อผิดพลาดในการสร้างใน XCode ล่าสุดตรวจสอบให้แน่ใจว่าคุณเรียกใช้ระบบบิลด์รุ่นเก่าของ XCode (ไฟล์ -> การตั้งค่าพื้นที่ทำงาน)

วิธีเรียกใช้แอพสาธิต

1. ดาวน์โหลดซอร์สโค้ดโดยโคลนที่เก็บนี้
2. ดาวน์โหลดไฟล์ googleservice-info.plist จากคอนโซล Firebase ของคุณและแทนที่ไฟล์ที่มีอยู่ในโฟลเดอร์ Chatapp สิ่งนี้จะเชื่อมต่อแอพกับอินสแตนซ์ Firebase ของคุณเอง
3. ติดตั้งฝักโดยใช้งาน

 pod update

4. เปิดไฟล์ XCWorkspace ด้วย Xcode เวอร์ชันล่าสุด

วิธีการรวมแชทเข้ากับแอปของคุณ

1. ดาวน์โหลดซอร์สโค้ดและนำเข้าโฟลเดอร์ "core" ลงในโครงการ XCode ของคุณ
2. ตรวจสอบให้แน่ใจว่าคุณเพิ่มการพึ่งพา podfile ทั้งหมดลงใน podfile ของคุณเอง
3. แทนที่ไฟล์ googleservice-info.plist ด้วยไฟล์ของคุณเองดาวน์โหลดจาก Firebase Console
4. ติดตั้งฝัก

 pod update

5. ใช้รหัสต่อไปนี้เพื่อยกตัวอย่างคอนโทรลเลอร์มุมมองแชท

 let uiConfig = ATCChatUIConfiguration ( primaryColor : UIColor ( hexString : " #0084ff " ) ,
                                      secondaryColor : UIColor ( hexString : " #f0f0f0 " ) ,
                                      inputTextViewBgColor : UIColor ( hexString : " #f4f4f6 " ) ,
                                      inputTextViewTextColor : . black ,
                                      inputPlaceholderTextColor : UIColor ( hexString : " #979797 " ) )
let channel = ATCChatChannel ( id : " channel_id " , name : " Chat Title " )
let viewer = ATCUser ( firstName : " Florian " , lastName : " Marcu " )
let chatVC = ATCChatThreadViewController ( user : viewer , channel : channel , uiConfig : uiConfig )

// Present the chatVC view controller

6. ปรับแต่ง UI โดยการอัปเดตคลาส chatuiconfiguration

    let mainThemeBackgroundColor : UIColor = . white
    let mainThemeForegroundColor : UIColor = UIColor ( hexString : " #3068CC " )
    let mainTextColor : UIColor = UIColor ( hexString : " #000000 " )
    let mainSubtextColor : UIColor = UIColor ( hexString : " #7e7e7e " )
    let statusBarStyle : UIStatusBarStyle = . default
    let hairlineColor : UIColor = UIColor ( hexString : " #d6d6d6 " )

    let regularSmallFont = UIFont . systemFont ( ofSize : 14 )
    let regularMediumFont = UIFont . systemFont ( ofSize : 17 )
    let regularLargeFont = UIFont . systemFont ( ofSize : 23 )
    let mediumBoldFont = UIFont . boldSystemFont ( ofSize : 17 )
    let boldLargeFont = UIFont . boldSystemFont ( ofSize : 23 )
    let boldSmallFont = UIFont . boldSystemFont ( ofSize : 14 )
    let boldSuperSmallFont = UIFont . boldSystemFont ( ofSize : 11 )
    let boldSuperLargeFont = UIFont . boldSystemFont ( ofSize : 29 )

    let italicMediumFont = UIFont . italicSystemFont ( ofSize : 17 )

เขียนรหัสด้วยความรักและสนับสนุนโดยเทมเพลตแอป iOS

โครงการนี้ถูกสร้างขึ้นโดยใช้เทมเพลต React Native