TWaver html5 + NodeJS + express + websocket.io + redis 快速搭建项目（三）
在上一篇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文件：
2
3
4
5
6
7
8
9
10
11
12
13
14
然后在server.js文件所在的目录创建demo目录，并创建demo.html文件，内容如下：
2
3
4
5
6
7
8
9
10
11
二. Socket.IO
Socket.IO提供了WebSockets服务，如果浏览器不支持HTML5标准的WebSocket，会用Flash代替，而且支持Json的自动解析和序列化，下面以提供TWaver HTML5拓扑数据为例，演示如何使用Socket.IO：
首先修改上面的server.js文件，加入如下内容，以创建WebSockets服务，并响应获取拓扑数据动作：
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
前台demo.html修改如***意不要漏掉引入Socket.IO js库，而且src地址必须为/socket.io/socket.io.js：
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
最后重启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客户连接：
2
3
4
5
6
再修改模拟数据部分，改为从数据库拿取数据，并将json格式的数据
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
最后重启Node.js，用浏览器重新打开http://localhost:8080/demo.html即能看到和前面一样的效果。
至此一切准备工作完毕，下一篇将介绍如何使用TWaver HTML5展示这里生成的数据，本文代码见附件。
转载于:https://www.cnblogs.com/twaver/archive/2011/12/31/2308877.html