chatkitty

แพ็คเกจ Chatkitty NPM

แพ็คเกจ chatkitty NPM เป็นเครื่องมือที่ทรงพลังสำหรับการรวมคุณสมบัติการแชทเข้ากับเว็บแอปพลิเคชันของคุณ มันมีชุดฟังก์ชันที่ครอบคลุมซึ่งช่วยให้นักพัฒนาสามารถสร้างประสบการณ์การแชทที่หลากหลายด้วยความพยายามน้อยที่สุด ไม่ว่าคุณจะกำลังสร้างแอพส่งข้อความเพิ่มการแชทลงในเครือข่ายโซเชียลหรือรวมการแชทฝ่ายสนับสนุนลูกค้าเข้ากับแอปพลิเคชันของคุณ chatkitty ให้ส่วนประกอบที่จำเป็นทั้งหมดเพื่อเริ่มต้นอย่างรวดเร็วและมีประสิทธิภาพ

คุณสมบัติ

• ความสามารถในการส่งข้อความแบบเรียลไทม์
• สนับสนุนข้อความโดยตรงการแชทกลุ่มและช่อง
• ส่วนประกอบ UI ที่ปรับแต่งได้
• ข้อความสื่อที่หลากหลายรวมถึงรูปภาพวิดีโอและไฟล์
• การพิมพ์ตัวบ่งชี้การอ่านใบเสร็จรับเงินและการอัปเดตสถานะข้อความ
• การรับรองความถูกต้องของผู้ใช้และการอนุญาต
• API ที่ครอบคลุมสำหรับการปรับแต่งและการรวมขั้นสูง

ข้อกำหนดเบื้องต้น

• node.js (เวอร์ชัน 12.x หรือสูงกว่า)
• NPM (เวอร์ชัน 6.x หรือสูงกว่า)

การติดตั้ง

ในการเริ่มใช้ chatkitty ในโครงการของคุณคุณสามารถติดตั้งผ่าน NPM ด้วยคำสั่งต่อไปนี้:

npm install chatkitty --save

การใช้งานขั้นพื้นฐาน

เชื่อมต่อกับ Chatkitty

ก่อนอื่นคุณต้องสร้างการเชื่อมต่อกับ Chatkitty API โดยใช้คีย์ 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 ui ในแอปพลิเคชันของคุณได้อย่างง่ายดายโดยระบุรหัสวิดเจ็ตและคอนเทนเนอร์ที่ควรแสดงการแชท UI:

 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 ช่วยให้สามารถปรับแต่ง UI และพฤติกรรมการแชทได้อย่างกว้างขวางผ่านธีมการแปลการแจ้งเตือนด้วยเสียงและอื่น ๆ อีกมากมาย ตัวอย่างเช่นในการปรับแต่งธีมและจัดทำโปรไฟล์ผู้ใช้ที่กำหนดเอง:

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

คุณสมบัติขั้นสูง

chatkitty นำเสนอคุณสมบัติขั้นสูงเช่นการแจ้งเตือนด้วยเสียงการแปลสำหรับภาษาต่าง ๆ ส่วนประกอบแชทที่กำหนดเองและเทมเพลตข้อผิดพลาดสำหรับประสบการณ์การแชทที่เหมาะ สำหรับเอกสารรายละเอียดเพิ่มเติมเกี่ยวกับคุณสมบัติเหล่านี้และ API ที่สมบูรณ์ให้เยี่ยมชมเอกสาร Chatkitty อย่างเป็นทางการ