cometchat uikit react

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

이것은 React 프레임 워크 내에서 Cometchat의 React UI 키트의 통합을 보여주는 참조 응용 프로그램입니다. 개발자에게 자체 REACT 기반 애플리케이션에서 실시간 메시징 및 음성 및 화상 통화 기능을 구현하는 예를 제공합니다.

새로운 V5 UI 키트를 사용해보십시오!

활용도와 시각적 매력을 향상시키기 위해 완전히 개조 된 디자인을 특징으로하는 완전히 새로운 V5 UI 키트를 발견하십시오. V5는 재구성 된 구성 요소, 고급 스타일 옵션 및 간소화 된 통합 프로세스를 통해 귀하의 요구에 맞는 완벽한 사용자 정의 가능한 경험을 제공합니다. 지금 시도하고 개발 워크 플로우를 높이십시오!

전제 조건

• Node.js 및 NPM이 설치되어 있는지 확인하십시오.

    npm install npm@latest -g

• 앱 자격 증명을 얻으려면 Cometchat 계정에 가입하십시오 : 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. src/appconstants.ts 파일에 Comethat App ID , Region 및 Auth Key 입력하십시오.

   Cometchat-uikit-react/src/appconstants.ts.ts

   D294DA6에서 1 ~ 7 행

   	// Cometchat 대시 보드의 앱의 자격 증명 섹션과 고유 한 앱 ID, 지역 및 인증 키를 찾을 수있는 위치로 이동하십시오. ?
   	내보내기 const appconstants = {
   	app_id : "app_id" ,
   	지역 : "지역" ,
   	Auth_key : "Auth_key" ,
   	} ;

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

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

   D294DA6에서 43 ~ 45 행

   	노력하다 {
   	const response = await fetch ( "https://assets.cometchat.io/sampleapp/sampledata.json" ) ;
   	const 데이터 : userjson = 응답이 기다립니다 . JSON ( ) ;

6. 모든 Cometchat 기능을 보려면 프로젝트를 현지에서 실행하십시오.

     npm run start
   

도움과 지원

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