stream chat angular

Официальный Angular SDK для потокового чата

Официальные компоненты Angular для Stream Chat, сервиса для создания чат-приложений.

Быстрые ссылки

• Зарегистрируйтесь, чтобы получить ключ API для Stream Chat
• Руководство по угловому чату
• Документы
• Набор пользовательского интерфейса чата
• Демо-приложение
• Кодыпесочница

С помощью нашей библиотеки компонентов вы можете создавать различные варианты использования чата, в том числе:

• Внутриигровой чат, например Overwatch или Fortnite.
• Командный чат, как в Slack
• Чат в стиле обмена сообщениями, такой как WhatsApp или Facebook Messenger.
• Чат поддержки клиентов, например Drift или Intercom.

Руководство по угловому чату

Лучший способ начать — следовать руководству по Angular Chat. В нем показано, как использовать этот SDK для создания полнофункционального приложения для чата, а также включены общие настройки.

Бесплатно для создателей

Стрим бесплатен для большинства побочных и хобби-проектов. Чтобы квалифицироваться, ваш проект/компания должна иметь не более 5 членов команды и иметь ежемесячный доход менее 10 тысяч долларов. Для получения полной информации о ценах посетите нашу страницу цен на чат.

Документы

Документы содержат краткое описание компонентов и сервисов библиотеки.

Библиотека Angular создана с использованием библиотекиstream-chat-js. Для наиболее распространенных случаев использования наши сервисы должны предоставлять хорошую абстракцию над этой библиотекой, однако она может понадобиться вам для более сложной настройки, документация находится на нашем веб-сайте.

Содействие

Мы приветствуем изменения кода, которые улучшают эту библиотеку или устраняют проблему. Обязательно следуйте всем рекомендациям и добавьте тесты, если применимо, прежде чем отправлять запрос на включение на GitHub. Мы будем рады объединить ваш код в официальный репозиторий, если это будет необходимо. Обязательно сначала подпишите наше Лицензионное соглашение для участников (CLA). Более подробную информацию смотрите в нашем файле лицензии.

Мы нанимаем.

Недавно мы закрыли раунд финансирования серии B на сумму 38 миллионов долларов и активно растем. Наши API используют более миллиарда конечных пользователей, и, работая в Stream, у вас есть шанс оказать огромное влияние на команду очень сильных инженеров.

Ознакомьтесь с нашими текущими вакансиями и подайте заявку через веб-сайт Stream.

Установка

Установить с помощью NPM

Запустите эту команду, если вы используете Angular 19 :

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

Поддерживаемые версии Angular: Angular 15-18.

Запустите эту команду, если вы используете Angular 18 :

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

Запустите эту команду, если вы используете Angular 17 :

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

Запустите эту команду, если вы используете Angular 16 :

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

Запустите эту команду, если вы используете Angular 15 :

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

Поддерживаемые версии узлов: 18+

Пример приложения

Этот репозиторий включает пример приложения для тестирования нашей библиотеки.

Чтобы протестировать приложение:

Создайте файл с именем .env в корневом каталоге со следующим содержимым:

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

Самый простой способ создать токен для целей тестирования — использовать наш генератор токенов.

Запустите npm install чтобы установить зависимости.

Запустите npm start и перейдите по адресу http://localhost:4200/ .

Примеры персонализации

Этот репозиторий включает пример приложения, демонстрирующий, как можно предоставить собственный шаблон для различных компонентов в SDK:

Чтобы запустить приложение:

Создайте файл с именем .env в корневом каталоге со следующим содержимым:

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

Запустите npm install чтобы установить зависимости.

Запустите npm run start:customizations-example и перейдите по адресу http://localhost:4200/ .

Местное развитие

Этот репозиторий включает пример приложения для тестирования нашей библиотеки.

Чтобы протестировать приложение:

Создайте файл с именем .env в корневом каталоге со следующим содержимым:

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

Запустите npm install в корне проекта. Вы можете использовать команду npm run start:dev для запуска SampleApp с автоматической перезагрузкой.