messenger iOS chat swift firestore

في الوقت الحقيقي ، دردشة سويفت iOS مع Firebase - Messenger Clone

هذا هو رمز مصدر تطبيق الدردشة البسيط للغاية لتطبيق دردشة iOS Swift. إنه يعزز MessageKit ويخزن ويسترجع البيانات إلى/من Firebase Firestore. تصميم التطبيق مستوحى من Facebook Messenger. استنساخ رمز مصدر تطبيق iOS الدردشة وأضف محادثة كاملة إلى تطبيقك في دقائق.

تعرف على كيفية إنشاء ميزة دردشة iOS الخاصة بك مع بضعة أسطر فقط من التعليمات البرمجية. استنساخ رمز مصدر تطبيق تطبيقات iOS وابدأ باتباع الخطوات أدناه. لمزيد من التفاصيل ، تحقق من وثائقنا الفنية التفصيلية على صفحة تطبيق الدردشة الرسمية iOS Swift.

إذا حصلت على خطأ في بناء أحدث XCode ، فتأكد من تشغيل نظام إنشاء XCode الخاص بـ Xcode (ملف -> إعدادات مساحة العمل).

كيفية تشغيل تطبيق تجريبي

1. قم بتنزيل رمز المصدر عن طريق استنساخ هذا المستودع
2. قم بتنزيل ملف googleservice-info.plist من وحدة تحكم FireBase واستبدل الملف الموجود في مجلد ChatApp. سيقوم هذا بتوصيل التطبيق بمثيل Firebase الخاص بك.
3. تثبيت القرون عن طريق التشغيل

 pod update

4. افتح ملف XCWorksPace مع أحدث إصدار من XCode

كيفية دمج الدردشة في تطبيقك

1. قم بتنزيل رمز المصدر واستيراد المجلد "الأساسي" في مشروع 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. تخصيص واجهة المستخدم عن طريق تحديث فئة 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.