cometchat sample app react native

ตอบสนองแอปตัวอย่างพื้นเมืองโดย cometchat

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

React Native: iOS

---

ตอบสนองพื้นเมือง: Android

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

• ตรวจสอบให้แน่ใจว่าคุณมีสภาพแวดล้อมการพัฒนาพื้นเมือง React
  • ทำตามคำแนะนำสำหรับสภาพแวดล้อมของคุณที่ https://reactnative.dev/docs/environment-setup
• ลงทะเบียนสำหรับบัญชี Cometchat เพื่อรับข้อมูลรับรองแอพของคุณ: App ID Region และ Auth Key

การติดตั้ง

1. โคลนที่เก็บ:

   • ใช้ https

      git clone https://github.com/cometchat/cometchat-sample-app-react-native.git
     

2. นำทางไปยังไดเรกทอรีที่ถูกโคลน:

    cd cometchat-sample-app-react-native
   

3. ติดตั้งการพึ่งพา:

    npm install
   

4. สำหรับ iOS ให้ติดตั้งการพึ่งพาหลังจากนำทางไปยัง iOS:

     cd ios
     pod install

5. ป้อน App ID Cometchat ของคุณ Region และ Auth Key ในไฟล์ AppConstants.TS:

   cometchat-sample-app-react-native/appconstants.ts

   บรรทัดที่ 1 ถึง 5 ใน F2910C2

   	Export Const AppConstants = {
   	app_id : 'xxxxxxxxxxxxx' , // ป้อนรหัสแอปของคุณ
   	ภูมิภาค : 'xx' , // ป้อนภูมิภาคแอพของคุณ
   	auth_key : ' xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
   	-

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

   cometchat-sample-app-react-native/src/ส่วนประกอบ/login/login.tsx

   บรรทัด 20 ถึง 22 ใน F2910C2

   	ตอบ สนอง useEffect ( ( ) => {
   	Fetch ( "https://assets.comtchat.io/sampleappleap/sampledata.json" )
   	- จากนั้น ( ( ตอบกลับ ) => {

7. เรียกใช้แอพบนอุปกรณ์หรืออีมูเลเตอร์จากรูท repo

   npm start
   npm run android
   npm run ios

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

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