Webチャットアプリを作る ( Node.js + Socket.io )

Node.js と Socket.io を用いて、Webチャットアプリを作成する方法を解説します。

使用開発環境は、以下です。
Node.js : version 8.12.0
Express : version 4.16.3
Socket.io : version 2.1.1

01.クライアントとサーバーの接続時の処理を作る
サーバー側のファイル、クライアント側のファイルを作成します。
クライアントとサーバーの接続時の処理を作成します。

02.クライアントとサーバーの切断時の処理を作る
クライアントとサーバーの切断時の処理を作成します。

03.クライアントからサーバーへのメッセージの送信の処理を作る
クライアントからサーバーへのメッセージの送信の処理を作成します。

04.サーバーからクライアントへメッセージの拡散の処理を作る
1人のクライアントからサーバーへ送信されたメッセージを、サーバーに接続しているすべてのクライアントへ、拡散する処理を作成します。

05.メッセージにメッセージ時刻を加える
サーバーから、接続しているすべてのクライアントへ、メッセージ拡散する際に、メッセージ時刻を付加する処理を作成します。

06.メッセージに、発信者名を表示する
メッセージに、発信者名を表示する処理を作成します。

07.ユーザーの入室、退室を表示する。ユーザー数を表示する
ユーザーの入室/退室に際して、以下の機能を追加します。
・参加しているユーザーに対して、入室/退室ユーザーのニックネームの通知、表示。
・参加しているユーザーに対して、ユーザーの数の通知・表示。
デモ(Google App Engine):https://my-chat-225715.appspot.com/
デモ(Render.com):https://my-chat-hi4t.onrender.com/

参考