cometchat sample app react native

Cometchat에 의해 기본 샘플 앱을 반응합니다

이것은 Cometchat의 React Native UI 키트의 통합을 React Native의 통합을 보여주는 참조 응용 프로그램입니다. 개발자에게 실시간 메시징과 음성 및 화상 통화 기능을 반응 모국 기반 애플리케이션에 통합하기위한 실용적인 예를 제공합니다.

React Native : iOS

---

React Native : Android

전제 조건

• React Native Development 환경이 설정되어 있는지 확인하십시오.
  • https://reactnative.dev/docs/environment-setup에서 환경에 대한 지침을 따르십시오
• 앱 자격 증명을 얻으려면 Cometchat 계정에 가입하십시오 : 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. AppConstants.ts 파일에 Cometchat App ID , Region 및 Auth Key 입력하십시오.

   Cometchat-Sample-App-React-Native/AppConstants.ts

   F2910c2의 1 ~ 5 행

   	내보내기 const appconstants = {
   	app_id : 'xxxxxxxxxxxxx' , // 앱 ID를 입력하십시오
   	지역 : 'XX' , // 앱 지역을 입력하십시오
   	auth_key : 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' , // 앱 인증 키를 입력하십시오.
   	}

6. 앱이 2024 년 8 월 12 일 이전에 생성 된 경우 샘플 데이터 URL을 src/components/login/login.tsx 파일의 샘플 데이터 URL을 https://assets.cometchat.io/sampleapp/v1/sampledata.json 으로 변경하십시오.

   Cometchat-Sample-App-React-Native/SRC/Components/Login/Login.tsx

   F2910c2의 20 ~ 22 행

   	반응 . useeffect ( ( ) => {
   	fetch ( "https://assets.comethat.io/sampleapp/sampledata.json" )
   	. 그런 다음 ( ( 응답 ) => {

7. REPO 루트에서 장치 또는 에뮬레이터에서 앱을 실행하십시오.

   npm start
   npm run android
   npm run ios

도움과 지원

프로젝트를 실행하거나 UI 키트와 통합하는 문제는 문서를 참조하거나 지원 티켓을 작성하거나 Cometchat 대시 보드를 통해 실시간 지원을 구하십시오.