cometchat uikit react

React образец приложения по cometchat

Это справочное приложение, демонстрирующее интеграцию набора пользовательского интерфейса Cometchat React в рамках React. Он предоставляет разработчикам примеры реализации функций обмена сообщениями в реальном времени, а также голосовых и видеопрограмм в своих собственных приложениях на основе React.

Попробуйте новый набор пользовательского интерфейса V5!

Откройте для себя совершенно новый набор пользовательского интерфейса V5 с полностью обновленным дизайном для повышения удобства использования и визуальной привлекательности. Благодаря реструктурированным компонентам, расширенным параметрам стиля и оптимизированному процессу интеграции, V5 предлагает плавный, настраиваемый опыт, адаптированный к вашим потребностям. Попробуйте сейчас и поднимите свой рабочий процесс разработки!

Предварительные условия

• Убедитесь, что у вас установлен Node.js и NPM:

    npm install npm@latest -g

• Подпишитесь на учетную запись ComeChat, чтобы получить учетные данные вашего приложения: 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. Введите свой App ID Cometchat, Region и Auth Key в файле src/appconstants.ts:

   cometchat-uikit-react/src/appconstants.ts

   Строки с 1 по 7 в D294DA6

   	// Перейдите в раздел учетных данных в вашем приложении на панели панели Cometchat и где вы можете найти свой уникальный идентификатор приложения, региона и ключа авто. ?
   	Экспорт const appconstants = {
   	App_id : "app_id" ,
   	Регион : «Регион» ,
   	Auth_key : "auth_key" ,
   	} ;

5. Если ваше приложение создано до 12 августа 2024 года, измените URL -адрес пример данных на https://assets.cometchat.io/sampleapp/v1/sampledata.json в файле src/components/login/index.tsx:

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

   Строки от 43 до 45 в D294DA6

   	пытаться {
   	const response = waw fetch ( "https://assets.cometchat.io/sampleapp/sampledata.json" ) ;
   	Const Data : userJson = await ответа . json ( ) ;

6. Запустите проект локально, чтобы увидеть все функции Cometchat в действии:

     npm run start
   

Помощь и поддержка

По вопросам, работающим в проекте или интеграции с нашими наборами пользовательского интерфейса, обратитесь к нашей документации или создайте билет на поддержку или обратитесь за поддержкой в реальном времени через панель панели Cometchat.