chatkitty

حزمة Chatkitty NPM

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

سمات

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

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

• node.js (الإصدار 12.x أو أعلى)
• NPM (الإصدار 6.x أو أعلى)

تثبيت

للبدء في استخدام chatkitty في مشروعك ، يمكنك تثبيته عبر NPM مع الأمر التالي:

npm install chatkitty --save

الاستخدام الأساسي

الاتصال بشاتكيتي

أولاً ، تحتاج إلى إنشاء اتصال مع API Chatkitty باستخدام مفتاح API الخاص بك واسم مستخدم المستخدم الذي يتصل:

 import { connectApi } from 'chatkitty' ;

const apiKey = 'YOUR_CHATKITTY_API_KEY' ;
const username = 'USER_USERNAME' ;

const connection = await connectApi ( {
  apiKey : apiKey ,
  username : username ,
} ) ;

console . log ( 'Connected to ChatKitty as' , connection . user . value . username ) ;

عرض واجهة الدردشة

يمكنك بسهولة تحميل وعرض واجهة المستخدم chatkitty في تطبيقك عن طريق تحديد معرف عنصر واجهة مستخدم وحاوية حيث يجب تقديم واجهة المستخدم الدردشة:

 import { loadChatUi } from 'chatkitty' ;

const chatUi = await loadChatUi ( {
  widgetId : 'YOUR_WIDGET_ID' ,
  username : 'USER_USERNAME' ,
  container : {
    id : 'chat-ui' ,
    height : '100%' ,
  } ,
} ) ;

// Optional: To unmount the chat UI
// await chatUi.unmount();

تخصيص تجربة الدردشة

يتيح chatkitty التخصيص المكثف لمواجهة الدردشة والسلوك من خلال الموضوعات ، والتوطين ، وإشعارات الصوت ، وأكثر من ذلك بكثير. على سبيل المثال ، لتخصيص السمة وتوفير ملف تعريف مستخدم مخصص:

 await loadChatUi ( {
  widgetId : 'YOUR_WIDGET_ID' ,
  theme : 'dark' ,
  profile : {
    displayName : 'John Doe' ,
    displayPicture : 'https://example.com/user-avatar.jpg' ,
  } ,
  // Other options...
} ) ; 

ميزات متقدمة

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