cometchat sample app react native

Cometchatによるネイティブサンプルアプリを反応します

これは、ReactネイティブのCometchatのReact Native UIキットの統合を示すリファレンスアプリケーションです。リアルタイムのメッセージや音声通話機能を反応ネイティブベースのアプリケーションに組み込むための実用的な例を開発者に提供します。

ネイティブの反応：iOS

---

ネイティブの反応：Android

前提条件

• React Native Development環境が設定されていることを確認してください。
  • 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. appconstants.tsファイルにcometchat App ID 、 Region 、およびAuth Keyを入力してください。

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

   F2910C2の1〜5行

   	const appconstantsをエクスポート= {
   	app_id ： 'xxxxxxxxxxxxx' 、 //アプリIDを入力します
   	地域： 'xx' 、 //アプリ領域を入力します
   	auth_key ： ' xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
   	}

6. 2024年8月12日より前にアプリが作成された場合、サンプルデータURLをhttps://assets.cometchat.io/sampleapp/v1/sampledata.jsonに変更します/components/login.tsxファイル：ファイル：

   cometchat-sample-app-react-native/src/components/login/login.tsx

   F2910C2の20〜22行

   	反応します。 effect （ （ ） => {
   	fetch （ "https://assets.cometchat.io/sampleapp/sampledata.json" ）
   	。 then （ （応答） => {

7. リポジトリルートからデバイスまたはエミュレータでアプリを実行します。

   npm start
   npm run android
   npm run ios

助けとサポート

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