cometchat uikit react

React Sample App by Cometchat

Este é um aplicativo de referência que mostra a integração do kit React UI do Cometchat dentro de uma estrutura de reação. Ele fornece aos desenvolvedores exemplos de implementação de recursos de mensagens e chamadas de voz e vídeo em tempo real em seus próprios aplicativos baseados em React.

Experimente o novo kit V5 UI!

Descubra o novo kit de interface do usuário V5, apresentando um design completamente renovado para maior usabilidade e apelo visual. Com componentes reestruturados, opções avançadas de estilo e um processo de integração simplificado, a V5 oferece uma experiência perfeita e personalizável adaptada às suas necessidades. Experimente agora e eleve seu fluxo de trabalho de desenvolvimento!

Pré -requisitos

• Verifique se você tem Node.js e NPM instalados:

    npm install npm@latest -g

• Inscreva -se em uma conta Cometchat para obter suas credenciais de aplicativos: App ID , Region e Auth Key

Instalação

1. Clone o repositório:

     git clone https://github.com/cometchat/cometchat-sample-app-react.git

2. Navegue até o diretório clonado:

     cd cometchat-sample-app-react

3. Instale dependências:

     npm install

4. Digite seu App ID Cometchat, Region e Auth Key no arquivo SRC/AppConstants.ts:

   cometchat-uikit-react/src/appConstants.ts

   Linhas 1 a 7 em D294DA6

   	// Vá para a seção Credenciais no seu aplicativo no painel Cometchat e onde você pode encontrar seu ID de aplicativo exclusivo, região e chave de autenticação. ?
   	exportar const appConstants = {
   	App_id : "app_id" ,
   	Região : "região" ,
   	Auth_key : "auth_key" ,
   	} ;

5. Se o seu aplicativo for criado antes de 12 de agosto de 2024, altere o URL de dados de amostra para https://assets.cometchat.io/sampleapp/v1/sampledata.json no arquivo src/components/login/index.tsx:

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

   Linhas 43 a 45 em D294DA6

   	tentar {
   	const Response = Aguarda Fetch ( "https://assets.cometchat.io/sampleapp/sampledata.json" ) ;
   	const Data : userjson = aguarda resposta . json ( ) ;

6. Execute o projeto localmente para ver todos os recursos do Cometchat em ação:

     npm run start
   

Ajuda e apoio

Para problemas executados no projeto ou integrando com nossos kits de interface do usuário, consulte nossa documentação ou crie um ticket de suporte ou procure suporte em tempo real no painel Cometchat.