TWaver HTML5即將發布,這里迫不及待的給大家介紹一下如何使用TWaver HTML5開發一套完整的拓撲系統。既然是完整的系統,那當然要涉及后臺、數據庫、數據交互等:

前臺:
TWaver HTML5是繼
TWaver Java、
TWaver Web、
TWaver Flex以及
TWaver .NET后的又一全新分支;使用了HTML5技術,實現了拓撲、各種通用組件(包含List、Tree、Table、TreeTable、PropertySheet、SplitPane、BorderPane、TabPane、TitlePane、Accordion等)以及Chart(LineChart、PieChart、BarChart、BubbleChart、DialChart、RadarChart等)功能;支持各種主流瀏覽器(Chrome、IE9、FireFox、Safari、Opera等);支持各種桌面和移動終端。
后臺:HTML5是最新的WEB UI技術,所以后臺咱也不落后,用炙手可熱的Node.js(稍后您會體驗到前后臺都用JavaScript的快感;如果您還在使用JVM平臺,勸您早日放棄,未來不知道甲骨文要把Java怎樣: Ubuntu 將從用戶電腦移除 JDK;如果您還來不及學Phyon、Ruby之類,那您也別遺憾了:The Switch: Python to Node.js)。
數據庫:如今如日中天的NoSQL大行其道(NoSQL名字都被Oracal給搶占了),咱也沾沾Redis這個內存key-value數據庫的光。
前后臺通訊:曾經風光一時的Ajax和Comet,也要給WebSocket讓道了。借助于Node.js的Socket.IO模塊,我們將實現拓撲更新廣播以及告警廣播功能。
第一篇文章先給大家介紹下如何搭建Node.js環境。
一. Windows下安裝Node.js、Redis
1. 安裝Node.js
從v0.6.1以后,Windows下的安裝很簡單,從Node.js官方網站http://www.nodejs.org/#download下載最新版的安裝文件即可(寫本文時最新的Node.js Windows安裝包下載地址為http://nodejs.org/dist/v0.6.6/node-v0.6.6.msi)。
盡量選擇最新版本安裝,里面會自帶npm(node package manager用于管理node的module),比如本文用到的express(web development framework for Node.js)、Socket.IO、node_redis(redis client for Node.js)。
安裝完后在命令行運行node -v以及npm -version以驗證是否安裝成功。
最后要說的是網上好多安裝方法都太老了,其實Node.js已經自帶了npm,不需要折騰msysgit,下載npm源碼;而且即使下載npm也可以到http://npmjs.org/dist/下載編譯后的文件,解壓到Node.js安裝目錄即可。

2. 安裝
Node.js模塊
以管理員身份進入命令行模式,確保您在Node.js的安裝目錄(比如c:\Program Files\nodejs,否則您需要將您所安裝模塊的路徑添加到環境變量NODE_PATH中,Node.js會自動查找所設置的目錄的node_modules子目錄里的模塊,而且您會發現c:\Program Files\nodejs下已經有node_modules目錄了,而且里面有npm模塊),運行以下命令安裝本文用到的module:
cd “c:\Program Files\nodejs”
npm install express
npm install socket.io
npm install redis
安裝完后運行以下命令以查看module結構:
npm list

3. 安裝
RedisRedis官方網站只能下載到源代碼,不想折騰的同學可以從
http://code.google.com/p/servicestack/wiki/RedisWindowsDownload下載編譯后的版本,32位版下載地址為
http://servicestack.googlecode.com/files/redis-2.0.0.zip。
下載后,解壓,并將解壓目錄設置到環境變量PATH中,運行
redis-server --version
檢查安裝是否成功。
最后建議各位同學不要在windows下部署Redis:
Redis作者拒絕微軟的Windows補丁

二. Mac下安裝
Node.js、
Redis(建議用強大的
Homebrew,使用Homebrew前,先執行brew update,獲取最新的軟件版本號)
1. 安裝
Node.js:brew install node
安裝后運行
node --version
,檢查安裝是否成功

2. 安裝
npm:curl http://npmjs.org/install.sh | sudo sh
安裝后運行
npm --version
,檢查安裝是否成功

3. 安裝
Node.js模塊
先創建用于存放Node.js模塊的目錄(比如/Users/paul/Documents/workspace/Tool/node_modules),然后將此目錄加入環境變量NODE_PAH中:
vi ~/.bash_profile
然后加入:export NODE_PATH=”/Users/paul/Documents/workspace/Tool/node_modules”
保存后,運行. ~/.bash_profile以讓更改生效,運行echo $NODE_PATH,以檢查配置是否生效。
最后進入剛創建的目錄,運行以下命令安裝Node.js模塊:
cd /Users/paul/Documents/workspace/Tool/node_modules
npm install express
npm install socket.io
npm install redis
安裝完后運行以下命令以查看module結構:
npm list

4. 安裝
Redis:brew install redis
安裝后運行
redis-server --version
,檢查安裝是否成功
至此本文需要的軟件已經安裝完成,后續文章將開始詳細介紹TWaver HTML5和Node.js的應用