cometchat sample app react native

رد فعل تطبيق عينة أصلي بواسطة cometchat

هذا تطبيق مرجعي يعرض تكامل مجموعة واجهة المستخدم Native Cometchat في React Native. إنه يوفر للمطورين أمثلة عملية لدمج المراسلة في الوقت الفعلي ، وكذلك وظائف الاتصال الصوتي والفيديو ، في تطبيقاتهم المستندة إلى React.

رد فعل مواطن: iOS

---

React Native: Android

المتطلبات الأساسية

• تأكد من إعداد بيئة التنمية الأصلية React.
  • اتبع تعليمات بيئتك على https://reactnative.dev/docs/environment-setup
• قم بالتسجيل للحصول على حساب cometchat للحصول على بيانات اعتماد التطبيق الخاصة بك: App ID ، Region ، Auth Key

تثبيت

1. استنساخ المستودع:

   • باستخدام HTTPS

      git clone https://github.com/cometchat/cometchat-sample-app-react-native.git
     

2. انتقل إلى الدليل المستنسخ:

    cd cometchat-sample-app-react-native
   

3. تثبيت التبعيات:

    npm install
   

4. لنظام التشغيل iOS ، قم بتثبيت التبعيات بعد التنقل إلى iOS:

     cd ios
     pod install

5. أدخل App ID Cometchat الخاص بك ، Region Auth Key في ملف AppConstants.ts:

   cometchat-sample-app-react-native/appconstants.ts

   الخطوط من 1 إلى 5 في F2910C2

   	تصدير const appconstants = {
   	app_id : 'xxxxxxxxxxxx' ، // أدخل معرف التطبيق الخاص بك
   	المنطقة : 'xx' ، // أدخل منطقة التطبيق الخاصة بك
   	Auth_key : " xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx .
   	}

6. إذا تم إنشاء تطبيقك قبل 12 أغسطس ، 2024 ، فقم بتغيير عنوان URL للبيانات إلى https://assets.cometchat.io/sampleapp/v1/sampledata.json

   cometchat-sample-app-react-native/src/components/login/login.tsx

   الخطوط 20 إلى 22 في F2910C2

   	رد فعل . useEffect ( ( ) => {
   	Fetch ( "https://assets.comchat.io/sampleapp/sampledata.json" )
   	. ثم ( ( استجابة ) => {

7. قم بتشغيل التطبيق على جهاز أو محاكي من جذر الريبو.

   npm start
   npm run android
   npm run ios

المساعدة والدعم

بالنسبة للمشكلات التي تدير المشروع أو التكامل مع مجموعات واجهة المستخدم الخاصة بنا ، استشر وثائقنا أو إنشاء تذكرة دعم أو البحث عن دعم في الوقت الفعلي عبر لوحة معلومات Cometchat.