Realdreamer

個域名暫時無用,放住日記先。嘗試養成寫Blog既習慣。

  • 首页
  • 碎语
  • 登录
    • 4 May 2013

      利用WebSocket實現即時聊天功能
      分类:HTML5

      Node.js 是一個很好的產品,是一個非常理想的單一目的服務器。另一個偉大的是WebSocket。之前沒有得到廣泛的支持,所以我沒有理會,但慶幸現在已得到廣泛的支持了support ,但遺憾是直到目前為止Android只有Firefox一個瀏覽器支持。


      WebSocket是非常有用的,如應用在遊戲、網站服務等。所以我想嘗試做一些很簡單的實時應用。

       

      WebSocket要求backend(服務器端)應用程序進行通信。因此你必須寫單一目的服務器,在我看來,這種情況下node.js 的是遠遠優於以Java, C++或任何方式寫你的服務器。順便說一下,如果你正在尋找一些更深入的信息去了解WebSockets,我推薦這篇文章WebSockets101。


      在本教程中,我會寫很簡單的聊天應用程序基於WebSocket 和 node.js


      聊天功能

      開始時,每個用戶都可以選擇自己的名字,服務器將隨機分配給他們一些顏色和一些系統消息將發布一個新的用戶連接到控制台。然後用戶可以發布消息。當用戶關閉瀏覽器窗口時,服務器將發布另一個系統消息到控制台告知用戶已斷開。

       

      此外,每一個新的用戶將會收到整個消息歷史記錄。

       

      這是Demo

       


      源碼

      Frontend HTML 的 source code

      Frontend Javasript 的 source code

      我們需要用到 jquery

      這是 Backend(Server Side) Javasript 的 source code

      源碼壓縮在這裡

       

      我們需要下載 Node.js 作為我們的 Server 去處理 WebSocket 的請求。

      http://nodejs.org

       

      安裝 Node.js 之後,因為要在 Node.js 安裝 websocket,所以在Windows console(如果是Windows環境)執行。

      npm install websocket

       

      之後再在 Windows console 執行

      node chat-server.js

       

      其餘三個檔案放同一目錄,便可以測試 Demo 了

      不要忘記把 127.0.01 改回你 Server 的 IP

      评论(0) 引用(0) 浏览(39)

    • 4 May 2013

      由今日開始,嘗試養成寫Blog既習慣
      分类:生活

      寫D咩好呢,就寫下學習寫Program既筆記啦。

       

      近來發覺HTML5的時代正式來臨了,就由HTML5開始吧。

      评论(0) 引用(0) 浏览(15)

    • 日历

    • 搜索

    • 分类

      • 生活(1) 订阅该分类
      • HTML5(1) 订阅该分类
    • 热门日志

      • 利用WebSocket實現即時聊天功能
      • 由今日開始,嘗試養成寫Blog既習慣
    • 最新评论

    • 存档

      • 2013年5月(2)
    • 链接

      • emlog
Powered by emlog Theme by Kuma