TWaver - 專注UI技術

          http://twaver.servasoft.com/
          posts - 171, comments - 191, trackbacks - 0, articles - 2
            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理
          TWaver HTML5即將發布,這里迫不及待的給大家介紹一下如何使用TWaver HTML5開發一套完整的拓撲系統。既然是完整的系統,那當然要涉及后臺、數據庫、數據交互等:



          前臺:TWaver HTML5是繼TWaver JavaTWaver WebTWaver 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數據庫的光。

          前后臺通訊:曾經風光一時的AjaxComet,也要給WebSocket讓道了。借助于Node.js的Socket.IO模塊,我們將實現拓撲更新廣播以及告警廣播功能。

          第一篇文章先給大家介紹下如何搭建Node.js環境。

          一. Windows下安裝Node.jsRedis
          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.IOnode_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. 安裝Redis
          Redis官方網站只能下載到源代碼,不想折騰的同學可以從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.jsRedis(建議用強大的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的應用


          評論

          # re: TWaver html5 + NodeJS + express + websocket.io + redis 快速搭建項目(二)  回復  更多評論   

          2011-12-24 15:08 by tc
          作者很辛苦,非常感謝!

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 昭觉县| 方城县| 辽阳市| 康定县| 惠来县| 抚松县| 邢台县| 江门市| 陈巴尔虎旗| 乐业县| 昆明市| 梨树县| 临江市| 卫辉市| 南阳市| 沛县| 黎城县| 滦平县| 高阳县| 剑川县| 霍山县| 新晃| 巫溪县| 南召县| 靖宇县| 蒙自县| 铜梁县| 无极县| 清丰县| 红桥区| 平潭县| 格尔木市| 沙洋县| 山阳县| 密山市| 绍兴县| 黄石市| 五指山市| 当雄县| 曲麻莱县| 黄骅市|