cometchat uikit react

React示例應用程序通過cometchat

這是一個參考應用程序，展示了Cometchat React UI套件在React框架中的集成。它為開發人員提供了在自己的基於React的應用程序中實現實時消息，語音和視頻通話功能的示例。

嘗試新的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. 在src/appconstants.ts文件中輸入您的cometchat App ID ， Region和Auth Key ：

   cometchat-uikit-react/src/appconstants.ts

   D294DA6中的第1至7行

   	//前往cometchat儀表板上的應用程序中的憑據部分，您可以在其中找到唯一的應用程序ID，區域和auth鍵。 ？
   	導出const appconstants = {
   	app_id ： “ app_id” ，
   	區域： “區域” ，
   	auth_key ： “ auth_key” ，
   	} ;

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

   cometchat-uikit-react/src/components/login/index.tsx

   D294DA6中的第43至45行

   	嘗試{
   	const響應=等待提取（ “ https://assets.cometatat.io/sampleapp/sampledata.json” ） ;
   	const數據： userjson =等待響應。 json （ ） ;

6. 在本地運行該項目，以查看所有Cometchat的功能：

     npm run start
   

幫助和支持

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