Socket.io-chat-application
提供:Dev Guides
Socket.IO-チャットアプリケーション
Socket.IOに精通しているので、さまざまなチャットルームでチャットするために使用できるチャットアプリケーションを作成しましょう。 ユーザーがユーザー名を選択し、それらを使用してチャットできるようにします。 最初に、ユーザー名を要求するためにHTMLファイルを設定しましょう-
ユーザー名を要求するHTMLをセットアップしたので、クライアントからの接続を受け入れるサーバーを作成しましょう。 setUsername イベントを使用して、選択したユーザー名を送信できるようにします。 ユーザーが存在する場合は、 userExists イベントで応答し、それ以外の場合は userSet イベントを使用します。
ユーザーがボタンをクリックしたときに、ユーザー名をサーバーに送信する必要があります。 ユーザーが存在する場合、エラーメッセージが表示されます。それ以外の場合、メッセージ画面を表示します-
これで、同じユーザー名で2つのクライアントを接続すると、以下のスクリーンショットに示すようにエラーが表示されます-
受け入れ可能なユーザー名を入力すると、メッセージボックスとメッセージを送信するボタンのある画面が表示されます。 次に、メッセージを処理し、接続されたクライアントに送信する必要があります。 そのためには、app.jsファイルを変更して次の変更を含めます-
ここで、任意の数のクライアントをサーバーに接続し、それらにユーザー名を提供してチャットを開始します! 次の例では、AyushとHarshitという名前の2つのクライアントを接続し、両方のクライアントからいくつかのメッセージを送信しました-