stream chat angular

SDK oficial de Angular para Stream Chat

Los componentes oficiales de Angular para Stream Chat, un servicio para crear aplicaciones de chat.

Enlaces rápidos

• Regístrese para obtener una clave API para Stream Chat
• Tutorial de chat angular
• Documentos
• Kit de interfaz de usuario de chat
• Aplicación de demostración
• Códigosandbox

Con nuestra biblioteca de componentes, puede crear una variedad de casos de uso de chat, que incluyen:

• Chat en el juego como Overwatch o Fortnite
• Chat estilo equipo como Slack
• Chat estilo mensajería como WhatsApp o Messenger de Facebook
• Chat de atención al cliente como Drift o Intercom

Tutorial de chat angular

La mejor manera de comenzar es seguir el tutorial de Angular Chat. Le muestra cómo utilizar este SDK para crear una aplicación de chat completamente funcional e incluye personalizaciones comunes.

Gratis para creadores

La transmisión es gratuita para la mayoría de los proyectos paralelos y de pasatiempo. Para calificar, su proyecto/empresa no debe tener más de 5 miembros en el equipo y ganar menos de $10 000 en ingresos mensuales. Para obtener detalles y precios completos, visite nuestra página de precios de chat.

Documentos

Los documentos proporcionan una breve descripción sobre los componentes y servicios de la biblioteca.

La biblioteca Angular se crea utilizando la biblioteca stream-chat-js. Para los casos de uso más comunes, nuestros servicios deberían brindar una buena abstracción sobre esta biblioteca; sin embargo, es posible que la necesite para una personalización más avanzada; la documentación se encuentra en nuestro sitio web.

Contribuyendo

Agradecemos los cambios de código que mejoren esta biblioteca o solucionen un problema. Asegúrese de seguir todas las mejores prácticas y agregar pruebas, si corresponde, antes de enviar una solicitud de extracción en GitHub. Nos complace fusionar su código en el repositorio oficial si es necesario. Asegúrese de firmar primero nuestro Acuerdo de licencia de colaborador (CLA). Consulte nuestro archivo de licencia para obtener más detalles.

Estamos contratando.

Recientemente cerramos una ronda de financiación Serie B de 38 millones de dólares y estamos creciendo activamente. Nuestras API son utilizadas por más de mil millones de usuarios finales y, al trabajar en Stream, tienes la oportunidad de generar un gran impacto en un equipo de ingenieros muy sólidos.

Consulte nuestras vacantes actuales y presente su solicitud a través del sitio web de Stream.

Instalación

Instalar con NPM

Ejecute este comando si está utilizando Angular 19 :

npm install stream-chat-angular stream-chat @ngx-translate/core@15 ngx-float-ui@19

Versiones angulares compatibles: Angular 15-18

Ejecute este comando si está utilizando Angular 18 :

npm install stream-chat-angular stream-chat ngx-float-ui@18

Ejecute este comando si está utilizando Angular 17 :

npm install stream-chat-angular stream-chat ngx-float-ui@17

Ejecute este comando si está utilizando Angular 16 :

npm install stream-chat-angular stream-chat ngx-float-ui@16

Ejecute este comando si está utilizando Angular 15 :

npm install stream-chat-angular stream-chat @ngx-translate/core@14 ngx-float-ui@15

Versiones de nodos compatibles: 18+

Aplicación de muestra

Este repositorio incluye una aplicación de muestra para probar nuestra biblioteca.

Para probar la aplicación:

Cree un archivo llamado .env en el directorio raíz con el siguiente contenido:

 STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>

La forma más sencilla de generar un token con fines de prueba es utilizar nuestro generador de tokens.

Ejecute npm install para instalar dependencias.

Ejecute npm start y navegue hasta http://localhost:4200/ .

Ejemplos de personalización

Este repositorio incluye una aplicación de muestra que muestra cómo puede proporcionar su propia plantilla para diferentes componentes dentro del SDK:

Para ejecutar la aplicación:

Cree un archivo llamado .env en el directorio raíz con el siguiente contenido:

 STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>

Ejecute npm install para instalar dependencias.

Ejecute npm run start:customizations-example y navegue hasta http://localhost:4200/ .

Desarrollo local

Este repositorio incluye una aplicación de muestra para probar nuestra biblioteca.

Para probar la aplicación:

Cree un archivo llamado .env en el directorio raíz con el siguiente contenido:

 STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>

Ejecute npm install en la raíz del proyecto. Puede utilizar el comando npm run start:dev para iniciar SampleApp con recarga automática.