Dies ist eine Referenzanwendung, die die Integration des Vue UI Kit von CometChat in ein Vue-Framework demonstriert. Es bietet Entwicklern Beispiele für die Implementierung von Echtzeit-Messaging- sowie Sprach- und Videoanruffunktionen in ihren eigenen Vue-basierten Anwendungen.
Stellen Sie sicher, dass Node.js und npm installiert sind:
npm install npm@latest -g
Registrieren Sie sich für ein CometChat-Konto, um Ihre App-Anmeldeinformationen zu erhalten: App ID
, Region
und Auth Key
Klonen Sie das Repository:
git clone https://github.com/cometchat/cometchat-sample-app-vue.git
Navigieren Sie zum geklonten Verzeichnis:
cd cometchat-sample-app-vue
Abhängigkeiten installieren:
npm install
Geben Sie Ihre CometChat App ID
, Region
und Auth Key
in die Datei src/AppConstants.ts ein:
cometchat-sample-app-vue/src/AppConstants.ts
Zeilen 1 bis 5 in 2073bef
export const AppConstants = { | |
APP_ID : „APP_ID“ , | |
REGION : „REGION“ , | |
AUTH_KEY : „AUTH_KEY“ , | |
} ; |
Wenn Ihre App vor dem 12. August 2024 erstellt wurde, ändern Sie die Beispieldaten-URL in der Datei src/Login/index.vue in https://assets.cometchat.io/sampleapp/v1/sampledata.json
:
cometchat-sample-app-vue/src/Login/index.vue
Zeilen 249 bis 251 in 2073bef
const Antwort = Warten auf Abruf ( | |
„ https://assets.cometchat.io/sampleapp/sampledata.json “ | |
); |
Führen Sie das Projekt lokal aus, um alle CometChat-Funktionen in Aktion zu sehen:
npm run serve
Bei Problemen mit der Ausführung des Projekts oder der Integration mit unseren UI-Kits konsultieren Sie unsere Dokumentation, erstellen Sie ein Support-Ticket oder fordern Sie Echtzeit-Support über das CometChat-Dashboard an.