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仪表板寻求实时支持。