cometchat sample app react native

React Native Sample App By Cometchat

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

React Native: ios

---

React Native: Android

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

• Убедитесь, что у вас настроена нативная среда разработки React.
  • Следуйте инструкциям для вашей среды на https://reactnative.dev/docs/environment-setup
• Подпишитесь на учетную запись ComeChat, чтобы получить учетные данные вашего приложения: 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. Введите свой App ID ComeChat, Region и Auth Key в файле appconstants.ts:

   cometchat-sample-app-react-c-native/appconstants.ts

   Линии с 1 до 5 в F2910C2

   	Экспорт const appconstants = {
   	App_id : 'xxxxxxxxxxxxx' , // введите идентификатор вашего приложения
   	Регион : 'xx' , // введите регион приложения
   	Auth_key : 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' , // Введите клавишу Art Auth Auth
   	}

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

   Cometchat-Sample-App-React-Cniate/SRC/Components/login/login.tsx

   Строки от 20 до 22 в F2910C2

   	Реагировать . Использовать effect ( ( ) => {
   	Fetch ( "https://assets.cometchat.io/sampleapp/sampledata.json" )
   	Полем Тогда ( ( ответ ) => {

7. Запустите приложение на устройстве или эмуляторе из корня репо.

   npm start
   npm run android
   npm run ios

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

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