Os componentes Angular oficiais para Stream Chat, um serviço para construção de aplicativos de chat.
Links rápidos
Com nossa biblioteca de componentes, você pode criar vários casos de uso de chat, incluindo:
A melhor maneira de começar é seguir o Tutorial do Angular Chat. Ele mostra como usar esse SDK para criar um aplicativo de bate-papo totalmente funcional e inclui personalizações comuns.
O Stream é gratuito para a maioria dos projetos paralelos e de hobby. Para se qualificar, seu projeto/empresa deve ter no máximo 5 membros de equipe e gerar menos de US$ 10 mil em receita mensal. Para preços e detalhes completos, visite nossa página de preços do chat.
Os documentos fornecem uma breve descrição sobre os componentes e serviços da biblioteca.
A biblioteca Angular é criada usando a biblioteca stream-chat-js. Para os casos de uso mais comuns nossos serviços devem fornecer uma boa abstração sobre esta biblioteca, porém você pode precisar dela para uma customização mais avançada, a documentação está em nosso site.
Aceitamos alterações de código que melhorem esta biblioteca ou corrijam um problema. Certifique-se de seguir todas as práticas recomendadas e adicionar testes, se aplicável, antes de enviar uma solicitação pull no GitHub. Temos o prazer de mesclar seu código no repositório oficial se ele atender a uma necessidade. Certifique-se de assinar nosso Contrato de Licença de Colaborador (CLA) primeiro. Consulte nosso arquivo de licença para obter mais detalhes.
Fechamos recentemente uma rodada de financiamento da Série B de US$ 38 milhões e estamos crescendo ativamente. Nossas APIs são usadas por mais de um bilhão de usuários finais e, trabalhando na Stream, você tem a chance de causar um grande impacto em uma equipe de engenheiros muito fortes.
Confira nossas vagas atuais e inscreva-se através do site do Stream.
Execute este comando se você estiver usando Angular 19 :
npm install stream-chat-angular stream-chat @ngx-translate/core@15 ngx-float-ui@19
Versões angulares suportadas: Angular 15-18
Execute este comando se você estiver usando Angular 18 :
npm install stream-chat-angular stream-chat ngx-float-ui@18
Execute este comando se você estiver usando Angular 17 :
npm install stream-chat-angular stream-chat ngx-float-ui@17
Execute este comando se você estiver usando Angular 16 :
npm install stream-chat-angular stream-chat ngx-float-ui@16
Execute este comando se você estiver usando Angular 15 :
npm install stream-chat-angular stream-chat @ngx-translate/core@14 ngx-float-ui@15
Verões de nó suportadas: 18+
Este repositório inclui um aplicativo de exemplo para testar nossa biblioteca.
Para testar o aplicativo:
Crie um arquivo chamado .env
no diretório raiz com o seguinte conteúdo:
STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>
A maneira mais fácil de gerar um token para fins de teste é usar nosso gerador de tokens.
Execute npm install
para instalar dependências.
Execute npm start
e navegue até http://localhost:4200/
.
Este repositório inclui um aplicativo de exemplo que mostra como você pode fornecer seu próprio modelo para diferentes componentes no SDK:
Para executar o aplicativo:
Crie um arquivo chamado .env
no diretório raiz com o seguinte conteúdo:
STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>
Execute npm install
para instalar dependências.
Execute npm run start:customizations-example
e navegue até http://localhost:4200/
.
Este repositório inclui um aplicativo de exemplo para testar nossa biblioteca.
Para testar o aplicativo:
Crie um arquivo chamado .env
no diretório raiz com o seguinte conteúdo:
STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>
Execute npm install
na raiz do projeto. Você pode usar o comando npm run start:dev
para iniciar o SampleApp com recarregamento automático.