cometchat uikit react

ตอบสนองแอปตัวอย่างโดย cometchat

นี่คือแอปพลิเคชันอ้างอิงที่แสดงการรวมชุด React UI ของ Cometchat ภายในกรอบการตอบสนอง มันให้ตัวอย่างของนักพัฒนาซอฟต์แวร์ของการใช้งานการส่งข้อความแบบเรียลไทม์และคุณสมบัติการโทรด้วยเสียงและวิดีโอในแอปพลิเคชันที่อิงตามปฏิกิริยาของตนเอง

ลองชุด 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 และสถานที่ที่คุณสามารถค้นหารหัสแอพที่ไม่ซ้ำกันของคุณภูมิภาคและคีย์รับรองความถูกต้อง -
   	Export Const AppConstants = {
   	app_id : "app_id "
   	ภูมิภาค : "ภูมิภาค" ,
   	auth_key : "auth_key "
   	} ;

5. หากแอปของคุณถูกสร้างขึ้นก่อนวันที่ 12 สิงหาคม 2024 ให้เปลี่ยน URL ข้อมูลตัวอย่างเป็น https://assets.cometchat.io/sampleapp/v1/sampledata.json ในไฟล์ SRC/ส่วนประกอบ/login/index.tsx: ไฟล์: ไฟล์:

   cometchat-uikit-react/src/ส่วนประกอบ/login/index.tsx

   บรรทัด 43 ถึง 45 ใน D294DA6

   	พยายาม {
   	const response = รอ การดึง ( "https://assets.cometchat.io/sampleapp/sampledata.json" ) ;
   	ข้อมูล const : userjson = รอ การตอบ กลับ json ( ) ;

6. เรียกใช้โครงการในพื้นที่เพื่อดูคุณสมบัติ Cometchat ทั้งหมดในการดำเนินการ:

     npm run start
   

ความช่วยเหลือและการสนับสนุน

สำหรับปัญหาที่ใช้งานโครงการหรือรวมเข้ากับชุด UI ของเราปรึกษาเอกสารของเราหรือสร้างตั๋วสนับสนุนหรือค้นหาการสนับสนุนแบบเรียลไทม์ผ่านแผงควบคุม Cometchat