dev.kokushinスマートフォン用の表示で見るdev.kokushinHTML5、CSS3、JavaScriptを中心に、日々のプログラミングで得た知識をメモしています。この広告は、90日以上更新していないブログに表示しています。Express忘れないうちに「Socket.io」の使い方をメモ。リアルタイム通信ができるので、ゲームやチャットアプリなどに使えそうですね。今回は「Socket.io」を使用して簡易的なチャットアプリを実装してみました。package.jsonapp.jsはhtdocsディレクトリ内のファイルをインクルードしてくるように設定。startでサーバーが立ち上がるようになる。インストールチャットアプリなのでXSS攻撃されることも想定内。これを使えば文字列をエスケープ処理して出力くれるっぽい。Running.');});emitがデータをクライアントへ渡すときに使われるメソッド。src="js/app.js"></script></body></html>jQuery、クライアント用のsocket.io.jsを読み込み。クライアント用のJSファイルは外部化しておく。ちなみにExpressでガッツリ実装する際は/socket.io/socket.io.jsにjsファイルが準備されるのでこれを使用する。});})(jQuery);実際のデモhttps://node-chatapptest.herokuapp.com/感想とかここまで簡単にチャットアプリもどきが作れてしまうのか!と驚きました。CSS好きなエンジニア。月別アーカイブはてなブログをはじめよう!kokushinさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。