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

script(src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js")
script(src="https://cdn.socket.io/socket.io-1.4.5.js")

Transcript

1. ネットワークチーム 後期第六回講座資料 チャットアプリ作成
2. 目次 • チャットアプリ • 用語解説
3. 準備 • まずはいつも通り作業用フォルダで npm install --save socket.io を実行 • 続けて、「socket.js」 を作業用フォルダ内に作成
5. viewファイル作成 • views/chat.pug
6. クライアント用jsファイル作成 • public/js/chat.js
7. server.js モジュールの読み込み ① ② レンダリング ③ 待ち受け
8. ①appオブジェクトによる設定 ① app.set … アプリケーションに関する設定を行う app.use … 使用するミドルウェアを登録する express.static … 静的ファイル（css, js など）を提供するミドルウェア
9. ②socket.ioサーバーの立ち上げ socket.ioモジュールのlistenメソッドの引数としてhttp.Serverクラス のインスタンスを指定することで、そのインスタンスをSocket.io サーバーとして使用することができる。 ②
10. ③Socket.ioの機能 io.on / socket.on はイベントのキャッチを行い、指定した名前のイ ベントが発生すると関数を実行する。 io.emit / socket.emit は逆に、指定した名前のイベントを発生させ る。もう一つの引数は、キャッチした関数にデータとして渡される。 ③