socket io typescript chat

socket.io typescript를 사용한 채팅 예제

이 저장소에는 TypeScript 언어를 사용하여 서버 및 클라이언트 사이드 코드가 포함됩니다.

블로그 게시물

이 프로젝트에 대한 자세한 내용으로 블로그 게시물을 읽으십시오 : TypeScript가 포함 된 실시간 앱 : 웹 소켓 통합, 노드 및 angular

라이브 데모

라이브 데모 : https://typescript-chat.firebaseapp.com을 사용해보십시오

이 프로젝트를 지원하십시오

• 스타 github 저장소
• 풀 요청을 만들거나 버그를 제출하거나 새로운 기능을 제안합니다
• Twitter 또는 Github의 업데이트를 따르십시오

로컬로 서버 및 클라이언트를 실행합니다

전제 조건

먼저 다음을 설치해야합니다.

1. Nodejs- Node : Nodejs의 최신 버전 다운로드 및 설치
2. GIT- GIT를 다운로드하여 설치하십시오
3. Angular CLI- 각도 https://cli.angular.io/의 명령 줄 인터페이스 설치

그런 다음 Git bash 사용하여 Windows 플랫폼에있는 경우 모든 명령을 실행하십시오.

복제 저장소

프로젝트 사용을 시작하기 위해 :

$ git clone https://github.com/luixaviles/socket-io-typescript-chat.git
$ cd socket-io-typescript-chat

서버를 실행하십시오

로컬로 서버를 실행하려면 종속성을 설치하고 gulp 작업을 실행하여 빌드를 만듭니다.

$ cd server
$ npm install -g gulp-cli
$ npm install
$ gulp build
$ npm start

socket.io 서버는 포트 8080 에서 실행됩니다

npm start 실행하면이 폴더는 NODEMON을 활용하여 변경 후 서버를 자동으로 다시로드하고 TypeScript 파일을 저장합니다. Nodemon과 함께 파일을 다시로드하기 위해 실행할 수있는 gulp watch 작업도 있지만 필요하지 않으며 단지 교육 대안으로 제공됩니다.

각도 클라이언트를 실행하십시오

다른 명령 줄 창을 열고 다음 명령을 따라 실행하십시오.

$ cd client
$ npm install
$ ng serve

이제 http : // localhost : 4200을 다음 URL에서 브라우저를 엽니 다

서버 배포

Heroku 및 Zeit.co 에 배포에 대한 자세한 내용은 Wiki 페이지를 살펴보십시오.

배포를 위해 다른 플랫폼을 추가하면 해당 페이지를 업데이트하고 ReadMe를 자유롭게 업데이트하십시오!

포크

오픈 소스 커뮤니티는 굉장합니다! 다른 기술 스택과 함께 포크에서 일하고 있다면 프로젝트 참조를 여기에 추가하십시오.

특징	작가	상태
React + TypeScript + 재료 -UI 클라이언트	Nilshartmann	진행 중

기부금

기부금은 크게 감사합니다. 언어, 테스트 섹션 또는 기타 기능에 i18n 지원을 추가하여 기여할 수 있습니다.

기고자

luixaviles	Hughanderson4	울트라 런너	Theidinside	카미 우	지옥

너

특허

MIT