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/ |