stream chat angular

스트림 채팅용 공식 Angular SDK

채팅 애플리케이션 구축을 위한 서비스인 Stream Chat의 공식 Angular 구성 요소입니다.

빠른 링크

• 스트림 채팅용 API 키를 받으려면 등록하세요.
• 각도 채팅 튜토리얼
• 문서
• 채팅 UI 키트
• 데모 애플리케이션
• 코드샌드박스

구성 요소 라이브러리를 사용하면 다음을 포함한 다양한 채팅 사용 사례를 구축할 수 있습니다.

• Overwatch나 Fortnite와 같은 게임 내 채팅
• Slack과 같은 팀 스타일 채팅
• WhatsApp이나 Facebook의 메신저와 같은 메시징 스타일 채팅
• Drift 또는 Intercom과 같은 고객 지원 채팅

각도 채팅 튜토리얼

시작하는 가장 좋은 방법은 Angular Chat Tutorial을 따르는 것입니다. 이 SDK를 사용하여 완전한 기능을 갖춘 채팅 애플리케이션을 구축하는 방법을 보여 주며 일반적인 사용자 정의가 포함되어 있습니다.

제작자에게는 무료

Stream은 대부분의 측면 및 취미 프로젝트에 무료입니다. 자격을 얻으려면 프로젝트/회사의 팀원이 5명 이하여야 하고 월 수익이 $10,000 미만이어야 합니다. 전체 가격 및 세부 정보를 보려면 채팅 가격 페이지를 방문하세요.

문서

문서는 라이브러리의 구성 요소와 서비스에 대한 간략한 설명을 제공합니다.

Angular 라이브러리는 stream-chat-js 라이브러리를 사용하여 생성됩니다. 가장 일반적인 사용 사례의 경우 우리 서비스는 이 라이브러리에 대한 멋진 추상화를 제공해야 하지만, 고급 사용자 정의를 위해 필요할 수도 있습니다. 문서는 우리 웹사이트에 있습니다.

기여

이 라이브러리를 개선하거나 문제를 해결하는 코드 변경을 환영합니다. GitHub에 끌어오기 요청을 제출하기 전에 모든 모범 사례를 따르고 해당되는 경우 테스트를 추가하세요. 필요에 따라 귀하의 코드를 공식 저장소에 병합하게 되어 기쁘게 생각합니다. 먼저 기여자 라이선스 계약(CLA)에 서명하세요. 자세한 내용은 라이센스 파일을 참조하십시오.

우리는 채용하고 있습니다.

우리는 최근 3,800만 달러 규모의 시리즈 B 자금 조달 라운드를 마감했으며 적극적으로 성장하고 있습니다. 우리의 API는 10억 명 이상의 최종 사용자가 사용하고 있으며 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을 시작할 수 있습니다.