02．クライアントとサーバーの切断時の処理を作る

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

解説

クライアントとサーバーの切断に関する処理は、以下です。

• クライアントが切断したら、サーバー側では'disconnect'イベントが発生します。所望の処理を行います。( socket.on('disconnect',・・・) )

準備

01．を実施していない場合は、まず、01．を実施します。

切断時の処理の作成

「server.js」 の「接続時の処理」の中に、「切断時の処理」を追加します。
// 切断時の処理 // ・クライアントが切断したら、サーバー側では'disconnect'イベントが発生する socket.on( 'disconnect', () => { console.log( 'disconnect' ); } );

「server.js」 全体としては、以下のようにします。
'use strict'; // モジュール const express = require( 'express' ); const http = require( 'http' ); const socketIO = require( 'socket.io' ); // オブジェクト const app = express(); const server = http.Server( app ); const io = socketIO( server ); // 定数 const PORT = process.env.PORT || 1337; // 接続時の処理 // ・サーバーとクライアントの接続が確立すると、 // 　サーバー側で、'connection'イベント // 　クライアント側で、'connect'イベントが発生する io.on( 'connection', ( socket ) => { console.log( 'connection' ); // 切断時の処理 // ・クライアントが切断したら、サーバー側では'disconnect'イベントが発生する socket.on( 'disconnect', () => { console.log( 'disconnect' ); } ); } ); // 公開フォルダの指定 app.use( express.static( __dirname + '/public' ) ); // サーバーの起動 server.listen( PORT, () => { console.log( 'Server on port %d', PORT ); } );

動作確認

サーバーを起動します。
「MyChat」フォルダで、下記コマンドを実行します。
node server.js

ブラウザから、「localhost:1337」にアクセスします。

ページが表示されたら、ページを閉じます。


サーバー側では、
「connection」
に続いて、
「disconnect」
と表示されます。

起動したサーバーは、「Ctrl + C」で終了します。

ダウンロード

サンプルプログラム

関連ページ

前項目：01．クライアントとサーバーの接続時の処理を作る

次項目：03．クライアントからサーバーへのメッセージの送信の処理を作る