cometchat sample app react native

React本地樣本應用程序通過cometchat

這是一個參考應用程序，展示了Cometchat React本機UI套件在React National中的積分。它為開發人員提供了將實時消息以及語音和視頻呼叫功能納入其基於本機的應用程序的實用示例。

反應本地：iOS

---

反應天然：Android

先決條件

• 確保您建立了React本地開發環境。
  • 在https://reaectnative.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. 在AppConstants.ts文件中輸入您的Cometchat App ID ， Region和Auth Key ：

   cometchat-sample-app-app-natter/appconstants.ts

   F2910C2中的第1至5行

   	導出const appconstants = {
   	app_id ： 'xxxxxxxxxxxxxxx' ， //輸入您的應用ID
   	區域： 'xx' ， //輸入您的應用程序區域
   	auth_key ： ' xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx '
   	}

6. 如果您的應用程序是在2024年8月12日之前創建的，則將示例數據URL更改為https://assets.cometchat.io/sampleapp/v1/sampledata.json在src/components/login/login/login.tsx文件中

   cometchat-sample-app-app-natt/src/components/login/login.tsx

   F2910C2中的第20至22行

   	反應。 useeffect （ （ ） => {
   	fetch （ “ https://assets.comethat.io/sampleapp/sampledata.json” ）
   	。然後（ （響應） => {

7. 從repo root上在設備或模擬器上運行該應用程序。

   npm start
   npm run android
   npm run ios

幫助和支持

對於運行該項目或與UI套件集成的問題，請諮詢我們的文檔或創建支持票或通過Cometchat儀表板尋求實時支持。