الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

رد فعل تطبيق عينة بواسطة Cometchat

هذا تطبيق مرجعي يعرض تكامل مجموعة Cometchat's React UI ضمن إطار React. يوفر للمطورين أمثلة على تنفيذ ميزات المراسلة في الوقت الفعلي وميزات الاتصال الصوتي والفيديو في تطبيقاتهم القائمة على رد الفعل.

جرب مجموعة V5 UI الجديدة!

اكتشف مجموعة V5 UI الجديدة كليًا ، والتي تتميز بتصميم تم تجديده بالكامل لتعزيز قابلية الاستخدام والجاذبية البصرية. مع المكونات المعاد هيكلتها ، وخيارات التصميم المتقدمة ، وعملية تكامل مبسطة ، توفر V5 تجربة سلسة وقابلة للتخصيص مصممة لتلبية احتياجاتك. جربه الآن ورفع سير عمل التنمية الخاص بك!

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

  • تأكد من تثبيت Node.js و NPM: 

      npm install npm@latest -g

  • قم بالتسجيل للحصول على حساب cometchat للحصول على بيانات اعتماد التطبيق الخاصة بك: App ID ، Region ، ومفتاح Auth Key

تثبيت

  1. استنساخ المستودع: 
      git clone https://github.com/cometchat/cometchat-sample-app-react.git
  2. انتقل إلى الدليل المستنسخ: 
      cd cometchat-sample-app-react
  3. تثبيت التبعيات: 
      npm install
  4. أدخل App ID Cometchat الخاص بك ، Region ، Auth Key في ملف SRC/AppConstants.ts:

    cometchat-uikit-react/src/appconstants.ts

    الخطوط من 1 إلى 7 في D294DA6

    // توجه إلى قسم بيانات الاعتماد في تطبيقك على لوحة معلومات Cometchat وحيث يمكنك العثور على معرف التطبيق الفريد والمنطقة ومفتاح المصادقة. ؟
    تصدير const appconstants = {
    app_id : "app_id" ،
    المنطقة : "المنطقة" ،
    Auth_key : "Auth_key" ،
    } ؛
  5. إذا تم إنشاء تطبيقك قبل 12 أغسطس ، 2024 ، قم بتغيير عنوان URL للبيانات العينة إلى https://assets.cometchat.io/sampleapp/v1/sampledata.json .

    cometchat-uikit-react/src/components/login/index.tsx

    الخطوط 43 إلى 45 في D294DA6

    يحاول {
    const response = earait fetch ( "https://assets.comchat.io/sampleapp/sampledata.json" ) ؛
    بيانات const : userJson = في انتظار الاستجابة . json ( ) ؛
  6. قم بتشغيل المشروع محليًا لمشاهدة جميع ميزات Cometchat في العمل: 
      npm run start

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

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

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل