cometchat sample app vue

CometChat 的 Vue 範例應用程式

這是一個參考應用程序，展示了 CometChat 的 Vue UI 套件在 Vue 框架中的整合。它為開發人員提供了在自己的基於 Vue 的應用程式中實現即時訊息傳遞以及語音和視訊通話功能的範例。

先決條件

• 確保已安裝 Node.js 和 npm：

   npm 安裝 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. 在 src/AppConstants.ts 檔案中輸入您的 CometChat App ID 、 Region和Auth Key ：

   cometcha-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 ：

   cometcha-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 儀表板尋求即時支援。