インターネット上のランダムな人々とチャットしましょう!
バックエンド:
バックエンドには、非常にシンプルな Node/Express.js セットアップを使用しました。アプリの機能は比較的シンプルで、セットアップをやりすぎたくなかったため、コントローラーやモデルは含まれていません。
リアルタイム チャット機能には Socket.io を使用し、 localhost:3000
から出力されたものをリッスンしました。ユーザーがソケットに接続すると、まずソケット ルームをスキャンして、ペアリングを待っている他のユーザーを探します。他に接続して待機しているユーザーがいない場合は、新しいルームが作成され、現在のユーザーは他のユーザーが参加するのを待ちます。ユーザーは、現在のルームから離れて、別のユーザーの別のルームに参加したり、参加するのを待ったりすることもできます。
フロントエンド:
フロントエンドには React/Redux 実装を使用しました。 Redux は実際には、現在のセッションのユーザーを保存するためにのみ使用されていました。
ユーザーがlocalhost:3000
に移動すると、ユーザー名の入力を求められます。入力すると、別のユーザーとペアになるか、別のユーザーがチャットに参加するのを待つように求められます。参加すると、プライベート チャット セッションで他のユーザーと自由にチャットできます。ユーザーは、メッセージを送信する前に入力されたミリ秒間待機する/delay 1000 message
や、現在のチャットから離れて別のチャットに参加するか、別のユーザーが自分のチャットに参加するのを待つ/hop
などのコマンドを入力できます。
始めるのは簡単です!プロジェクト ディレクトリに移動し、次のコマンドを入力します。
$ cd src
$ npm install
$ npm start
すぐに起動できるはずです。気軽にlocalhost:3000
に移動してチェックしてください。