هذا تطبيق مرجعي يعرض تكامل مجموعة Vue UI الخاصة بـ CometChat ضمن إطار عمل Vue. وهو يوفر للمطورين أمثلة على تنفيذ ميزات المراسلة والمكالمات الصوتية والمرئية في الوقت الفعلي في تطبيقاتهم المستندة إلى Vue.
تأكد من تثبيت Node.js وnpm:
تثبيت npm npm@latest -g
قم بالتسجيل للحصول على حساب CometChat للحصول على بيانات اعتماد التطبيق الخاص بك: App ID
Region
Auth Key
استنساخ المستودع:
git clone https://github.com/cometchat/cometchat-sample-app-vue.git
انتقل إلى الدليل المستنسخ:
cd cometchat-sample-app-vue
تثبيت التبعيات:
npm install
أدخل App ID
CometChat Region
Auth Key
في ملف src/AppConstants.ts:
Cometchat-sample-app-vue/src/AppConstants.ts
الأسطر من 1 إلى 5 في 2073bef
تصدير const AppConstants = { | |
معرف التطبيق : "APP_ID" ، | |
المنطقة : "المنطقة" ، | |
AUTH_KEY : "AUTH_KEY" ، | |
} ; |
إذا تم إنشاء تطبيقك قبل 12 أغسطس 2024، فقم بتغيير عنوان URL لنموذج البيانات إلى https://assets.cometchat.io/sampleapp/v1/sampledata.json
في ملف src/Login/index.vue:
Cometchat-sample-app-vue/src/Login/index.vue
الأسطر 249 إلى 251 في 2073bef
استجابة ثابتة = انتظار الجلب ( | |
" https://assets.cometchat.io/sampleapp/sampledata.json " | |
); |
قم بتشغيل المشروع محليًا لرؤية جميع ميزات CometChat قيد التنفيذ:
npm run serve
بالنسبة إلى مشكلات تشغيل المشروع أو التكامل مع مجموعات واجهة المستخدم الخاصة بنا، راجع وثائقنا أو أنشئ تذكرة دعم أو اطلب الدعم في الوقت الفعلي عبر لوحة معلومات CometChat.