messenger iOS chat swift firestore

Echtzeit Swift iOS Chat mit Firebase - Messenger Clone

Dies ist ein extrem einfacher Chat -App -Quellcode einer iOS -Swift -Chat -App. Es nutzt MessageKit und speichert und ruft Daten nach/von Firebase Firestore ab. Das App -Design ist von Facebook Messenger inspiriert. Klonen Sie den iOS -Chat -App -Quellcode und fügen Sie Ihrer App in wenigen Minuten einen vollwertigen Chat hinzu.

Erfahren Sie, wie Sie Ihre eigene iOS -Chat -Funktion mit nur wenigen Codezeilen erstellen. Klonen Sie diesen Quellcode für iOS -Chat -Apps und befolgen Sie die folgenden Schritte. Weitere Informationen finden Sie in unserer detaillierten technischen Dokumentation auf der offiziellen Seite der iOS -Swift -Chat -App.

Wenn Sie einen Build -Fehler in der neuesten XCode erhalten, stellen Sie sicher, dass Sie das Legacy Build -System von Xcode (Datei -> Arbeitsbereicheinstellungen) ausführen.

So führen Sie eine Demo -App aus

1. Laden Sie den Quellcode herunter, indem Sie dieses Repository klonen
2. Laden Sie die Datei googleService-info.plist von Ihrer FireBase-Konsole herunter und ersetzen Sie die vorhandene Datei in ChatApp-Ordner. Dadurch wird die App mit Ihrer eigenen Firebase -Instanz verbunden.
3. Installieren Sie die Schoten durch Ausführen

 pod update

4. Öffnen Sie die XCWorkspace -Datei mit der neuesten Version von Xcode

So integrieren Sie den Chat in Ihre App

1. Laden Sie den Quellcode herunter und importieren Sie den Ordner "Core" in Ihr Xcode -Projekt
2. Stellen Sie sicher
3. Ersetzen Sie die Datei googleService-info.plist durch Ihre eigene Datei, die von Firebase Console heruntergeladen wurde.
4. Installieren Sie die Pods

 pod update

5. Verwenden Sie den folgenden Code, um einen Chat -Ansichts -Controller zu instanziieren

 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. Passen Sie die Benutzeroberfläche an, indem Sie die Chatuiconfiguration -Klasse aktualisieren

    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 )

Mit Liebe codiert und von iOS -App -Vorlagen unterstützt.

Dieses Projekt wurde unter Verwendung von React Native -Vorlagen erstellt.