第六回後期ネットワークチーム講座

ネットワークチーム後期第六回講座資料チャットアプリ作成

目次 • チャットアプリ • 用語解説

準備 • まずはいつも通り作業用フォルダで npm install --save socket.io を実行 • 続けて、「socket.js」
を作業用フォルダ内に作成

viewファイル作成 • views/chat.pug

クライアント用jsファイル作成 • public/js/chat.js

server.js モジュールの読み込み ① ② レンダリング ③ 待ち受け

①appオブジェクトによる設定 ① app.set … アプリケーションに関する設定を行う app.use … 使用するミドルウェアを登録する express.static …
静的ファイル（css, js など）を提供するミドルウェア

②socket.ioサーバーの立ち上げ socket.ioモジュールのlistenメソッドの引数としてhttp.Serverクラスのインスタンスを指定することで、そのインスタンスをSocket.io サーバーとして使用することができる。 ②

③Socket.ioの機能 io.on / socket.on はイベントのキャッチを行い、指定した名前のイベントが発生すると関数を実行する。 io.emit / socket.emit は逆に、指定した名前のイベントを発生させ
る。もう一つの引数は、キャッチした関数にデータとして渡される。 ③

北海道科学大学　電子計算機研究部