cometchat sample app vue

CometChat による Vue サンプル アプリ

これは、Vue フレームワーク内での CometChat の Vue UI キットの統合を紹介するリファレンス アプリケーションです。これは、開発者が独自の Vue ベースのアプリケーションにリアルタイム メッセージングと音声およびビデオ通話機能を実装する例を提供します。

前提条件

• Node.js と npm がインストールされていることを確認します。

   npm install npm@latest -g

• CometChat アカウントにサインアップして、アプリの資格情報を取得します: App ID 、 Region 、およびAuth Key

インストール

1. リポジトリのクローンを作成します。

   git clone https://github.com/cometchat/cometchat-sample-app-vue.git

2. クローン作成されたディレクトリに移動します。

   cd cometchat-sample-app-vue

3. 依存関係をインストールします。

   npm install

4. CometChat App ID 、 Region 、およびAuth Key src/AppConstants.ts ファイルに入力します。

   Cometchat-sample-app-vue/src/AppConstants.ts

   2073befの1行目から5行目

   	エクスポートconst AppConstants = {
   	APP_ID : "APP_ID" 、
   	地域: "地域" 、
   	AUTH_KEY : "AUTH_KEY" ,
   	} ;

5. アプリが 2024 年 8 月 12 日より前に作成された場合は、src/Login/index.vue ファイル内のサンプル データ URL をhttps://assets.cometchat.io/sampleapp/v1/sampledata.jsonに変更します。

   Cometchat-sample-app-vue/src/Login/index.vue

   2073bef の 249 行目から 251 行目

   	const応答=フェッチを待ちます(
   	「 https://assets.cometchat.io/sampleapp/sampledata.json 」
   	);

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

   npm run serve

ヘルプとサポート

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