cometchat uikit react

Cometchatによるサンプルアプリを反応します

これは、Reactフレームワーク内にCometchat's React UIキットの統合を示すリファレンスアプリケーションです。開発者に、リアルタイムメッセージングと音声通話機能を独自の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 Dashboardのアプリの資格情報セクションと、一意のアプリ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に変更します/login/index.tsxファイル：

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

   D294DA6の43〜45行

   	試す{
   	const response = await fetch （ "https://assets.cometchat.io/sampleapp/sampledata.json" ） ;
   	constデータ： userjson = await response 。 json （ ） ;

6. プロジェクトをローカルに実行して、すべてのcometchat機能が動作していることを確認してください。

     npm run start
   

助けとサポート

プロジェクトを実行したり、UIキットと統合したりする問題については、ドキュメントを参照するか、サポートチケットを作成するか、Cometchatダッシュボードを介してリアルタイムサポートを求めてください。