Home > Memo | System > [javascript] 「node.jsでwebsocketを試してみたんだ。」のまとめ。

[javascript] 「node.jsでwebsocketを試してみたんだ。」のまとめ。

Pocket

Socket.IO: the cross-browser WebSocket for realtime apps.

node.jsで満足していたんだけど、websocketも試してみたいという欲があって、インストールしてみたときのメモ。

このページを見て完結できるように、ちょっと先日のブログを復唱します。

【かんきょう】
 OS:fedora15
 node.js:v0.4.8
 npm:1.0.10
 socket.io:0.6.18 ./node_modules/socket.io

【こうもく】
 1. git のインストール
 2. nvmのインストール
 3. node.js のインストール
 4. npm (Node Package Manager) のインストール
 5. socket.io のインストール
 6. node.js のサンプル(チャットアプリ)を試してみる
 7. websocket(socket.io) のサンプル(チャットアプリ)を試してみる

では、長くなります。。。

1. git のインストール

git(ぎっと)はオープンソースの分散型バージョン管理システムです。ファイルの変更履歴を管理します。
GPLライセンスの下で公開されていて、自己責任の下で、だれもが git を使用することができます。

※”じっと”って今まで読んでたんだな。w ちゅういちゅうい。

# yum install git

2. nvmのインストール

nvm は Node Version Manager のことで、Node.js のインストール、バージョンごとの管理、シェルの環境設定を管理できる。
nvm を使うには github のリポジトリから git cloneする。
# git clone git://github.com/creationix/nvm.git ~/.nvm

3. node.js のインストール

node.jsに必要なライブラリをインストールする必要があるので
# yum install gcc-c++ openssl-devel

github のリポジトリから git cloneする。
# git clone git://github.com/ry/node.git
もしくは
# nvm install v0.4.8

4. npm (Node Package Manager) のインストール

npm というのは、node.js 用のパッケージマネージャー。今回は、socket.IO のインストールで使用。
https://github.com/isaacs/npm のドキュメントに従って作業。

ここで、3にある、nvm install v0.4.8を行ったときに同時にnvmもインストールされます。
# nvm use v0.4.8
「Node Package Managerを使用しますよぉ」と宣言したあとに、
# npm install socket.io

これで、すべて環境が整うはずです。

で、環境を整えた後に試したいのが、サンプル。

1) node.jsのサンプル

node.jsを使ったチャットアプリサンプル
ry-node_chat – GitHub

デモのチャットアプリをダウンロード。
# git clone git://github.com/ry/node_chat.git
※自分がいるディレクトリ上にフォルダが作成。

で、
# cd node_chat
# node server.js

を実行。
ターミナルにはこのように表示される。

Server at http://127.0.0.1:8001/

アクセスしてみてください。
で、ニヤニヤしてください。w

2) socket.ioのサンプル

npmによりインストールしたsocket.ioパッケージのサンプルがある場所は、
node_modules/socket.io/example/に置いてあります。
node_modules/socket.io/example/server.jsというサーバのサンプルプログラムを実際に実行してみる。
(理解したい、知りたい場合は、ソースの中身を見てね。というか、ここのブログを見て。)
Node.jsでWebSocketを試してみる – YutaKikuchiのTechBlog

# node node_modules/socket.io/example/server.js

サンプルのSocketサーバの起動すると、ターミナルには

10 Jun 18:43:07 – socket.io ready – accepting connections

と表示されます。

アクセスするURLは
http://127.0.0.1:8080/
です。

複数のWebブラウザでアクセスしてコメントを投稿してみるとWebSocketのチャットが利用可能。
もちろん、いろんなブラウザからアクセスしてひとりでチャットしました。


【memo】
node.js
Node.js Manual & Documentation(APIマニュアル@日本語)
node.js ハンズオン資料 — node.js hands-on v1.0 documentation
連載インデックス「Node.jsでサーバサイドJavaScript開発入門」 – @IT
【libro】 JavaScriptによるHTML5プログラミング入門/WebSocketによるクライアント=サーバー通信/AjaxからWebSocketへ!


【参考にさせていただいたブログ】
jmblog.jp – さくらの VPS に node.js + npm + Socket.IO をインストールする手順
Node.jsでWebSocketを試してみる – YutaKikuchiのTechBlog
SE奮闘記: node.js, socket.ioをInstallしてWebSocketを試す(Install編)
50行くらいで作るnode.js + socket.ioのサンプルプログラム – 大人になったら肺呼吸
Node.jsとnvmを初めてインストールするときのハマりポイントと対策 – ess sup

次はなにしようかなぁ?

From xxxYukihiroxxx

Pocket

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.la-nouveau.mydns.jp/wordpress/wp-trackback.php?p=1280
Listed below are links to weblogs that reference
[javascript] 「node.jsでwebsocketを試してみたんだ。」のまとめ。 from La Thinking Motion.

Home > Memo | System > [javascript] 「node.jsでwebsocketを試してみたんだ。」のまとめ。

Search
Feeds

Return to page top