TWaver html5 + NodeJS + express + websocket.io + redis 快速搭建項目(三)
Posted on 2011-12-31 14:38 TWaver 閱讀(4500) 評論(5) 編輯 收藏在上一篇TWaver html5 + NodeJS + express + websocket.io + redis 快速搭建項目(二)中,給大家介紹了Node.js的安裝;本篇將介紹Node.js的使用,您將了解到:
1. Node.js的web框架:express
2. Node.js的實時通訊框架:Socket.IO
3. Node.js的redis客戶端:redis
一. express
雖然用Node.js寫一個Hello World很簡單:
新建一server.js文件,內容如下:

2

3

4

然后打開命令行,進入server.js文件所在的目錄,運行:node server.js,用瀏覽器打開http://localhost:8080/即能看到效果:
但稍微復雜的web應用就不能這么原始了,得借助于像express這樣的Web Framework了。雖然express提供了Session等功能,還有其他基于express的認證框架passport等,但這里僅僅用express作為靜態網頁服務:
將如下內容寫入server.js文件:
然后在server.js文件所在的目錄創建demo目錄,并創建demo.html文件,內容如下:

2

3

4

5

6

7

8

9

10

11

前臺demo.html修改如下,注意不要漏掉引入Socket.IO js庫,而且src地址必須為/socket.io/socket.io.js:

2

3

4

5

6

7

8

9

10

11

12

13

最后重啟Node.js,用瀏覽器重新打開http://localhost:8080/demo.html即能看到效果:
三. redis
redis是Node.js的Redis客戶端,封裝了Redis的指令,使用很簡單,基本和Redis客戶端命令一致。這里只用到了hashes,hashes相關的命令參見這里。
開始之前,先切換到seraver.js文件所在的目錄,啟動redis服務(默認數據將保存在當前目錄,文件名為dump.rdb)
然后啟動redis客戶端,運行如下命令,加入測試數據:
hset datas from "{\"id\":\"from\",\"name\":\"From\",\"location\":{\"x\":100,\"y\":100}}"
hset datas to "{\"id\":\"to\",\"name\":\"To\",\"location\":{\"x\":200,\"y\":200}}"
hset datas from-to "{\"id\":\"from-to\",\"name\":\"Hello TWaver HTML5\",\"from\":\"from\",\"to\":\"to\"}"
save
exit
然后,修改后臺server.js文件,加載redis模塊,并創建redis客戶連接: