hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

ソケットまわり

とりあえずsocket.ioを動かす環境構築した後の動かし方

ひとまず nodeとsocket.ioを入れて、動かせる環境がそろったらファイルを一式用意して動かしてみる。

今回はコチラを使わせていただきました。
ローカルチャットのテスト☆
【node.js】socket.ioで構築したローカルで動くシンプルなチャットルーム。みんなで書けるリモート版も公開中。
http://www.tettori.net/post/852/

こちらより、 チャットの一式をDLして、ターミナルを起動。

$ cd [ファイルのパス]

でDLしたディレクトリに移動

$ node app.js

でソケット用のサーバサイドjavascript app.jsを動かす。

info – socket.io started

と出ればソケット通信が開始される。
複数ブラウザで立ち上げてローカルでテストがうまく言っているかを確認
(今回はhttp://localhost:3000にアクセス)

とめたきゃCtrl+c。

とりあえず環境構築

何でどう動かすかによって必要となるものが違う。
とりあえず私は入門編として、
node.js + socket.io
での実装をためしてみることにしましてん。
詳しくは先出のURLにて。
【node.js】socket.ioで構築したローカルで動くシンプルなチャットルーム。みんなで書けるリモート版も公開中。
http://www.tettori.net/post/852/

ソケットと一言で言えども

さっきチラッと行ったとおり、ソケットの実装方法ってめっちゃイッパイありまんねん(らしいですねん)。何を指して「ソケット」と言っているかで出来ることが違うので、
あとでケンカにならないようにしましょう。
ソケット?ソケット通信? WebSocket ? Socket.IO???

チャットを作りながら学ぶSocket.IO〈Node.jsシリーズ vol.4〉 | Tech Blog | リクルートライフスタイル RECRUIT LIFESTYLE
http://engineer.recruit-lifestyle.co.jp/techblog/2015-07-29-node4/

Socket.ioとは何か?リアルタイムWebアプリケーションを実現する技術をまとめてみた – Qiita
http://qiita.com/masarufuruya/items/2bd5dfe03096057af63f

ポーリングとかの説明
リバース Ajax: 第 3 回 Web サーバーと Socket.IO
https://www.ibm.com/developerworks/jp/web/library/wa-reverseajax3/
リバース Ajax: 第 1 回 Comet の紹介
https://www.ibm.com/developerworks/jp/web/library/wa-reverseajax1/

対応ブラウザ

モバイルは標準ブラウザ4.4~しか対応していない
・標準4.2~4.4以下の場合は切る?
・ソケットなしでそれっぽくする?

Can I use… Support tables for HTML5, CSS3, etc
http://caniuse.com/#feat=websockets

【レビュー】WebSocket未対応ブラウザにも対応「Socket.IO」技術登場 | マイナビニュース
http://news.mynavi.jp/articles/2010/12/01/websocket-api-socket.io-dojox.socket/

実装参考

いまさらHTML5 (WebSocket編) – Qiita
http://qiita.com/tnakagawa/items/f7c764d044ba56d9e0fd

ローカルチャットのテスト☆
【node.js】socket.ioで構築したローカルで動くシンプルなチャットルーム。みんなで書けるリモート版も公開中。
http://www.tettori.net/post/852/

止め方

ブラウザ消す以外のとめかた
[socketのなまえ].destroy();
node.js – Socket.io – Close Server – Stack Overflow
http://stackoverflow.com/questions/16000120/socket-io-close-server


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください