socket io typescript chat

TypeScriptを使用したSocket.ioチャットの例

このリポジトリには、 TypeScript言語を使用してサーバーとクライアントのサイドコードが含まれています

ブログ投稿

このプロジェクトの詳細が記載されたブログ投稿を読む：TypeScriptを使用したリアルタイムアプリ：Webソケット、ノード、Angularの統合

ライブデモ

ライブデモをお試しください：https：//typescript-chat.firebaseapp.com

このプロジェクトをサポートします

• 星のgithubリポジトリ
• プル要求を作成したり、バグを送信したり、新機能を提案したりします
• TwitterまたはGitHubの更新をフォローしてください

サーバーとクライアントをローカルで実行しています

前提条件

まず、次のインストールを確認してください。

1. nodejs-最新バージョンのnode：nodejsをダウンロードしてインストールする
2. git- gitをダウンロードしてインストールします
3. Angular Cli- Angular 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をレバレッジし、変更を行った後にサーバーを自動的にリロードし、タイプスクリプトファイルを保存します。 Nodemonに加えて、ファイルをリロードするために実行できるgulp watchタスクもありますが、それは必要ではなく、単に教育の代替手段として提供されます。

Angularクライアントを実行します

他のコマンドラインウィンドウを開き、次のコマンドを実行します。

$ cd client
$ npm install
$ ng serve

次に、次のURLでブラウザを開きます：http：// localhost：4200

サーバーの展開

HerokuとZeit.coでの展開の詳細については、Wikiページをご覧ください。

展開用の他のプラットフォームを追加する場合は、そのページとREADMEを自由に更新してください！

フォーク

オープンソースコミュニティは素晴らしいです！他のTech Stackと一緒にフォークで作業している場合は、プロジェクトの参照をここに追加してください。

特徴	著者	状態
React + TypeScript + Material-UIクライアント	ニルシャートマン	進行中

貢献

貢献は大歓迎です。言語、テストセクション、またはその他の機能にi18nサポートを追加することで、貢献できます。

貢献者

luixaviles	Hughanderson4	ウルトラランナー	テイディンサイド	カーミウス	地獄

あなた

ライセンス

mit