Push4Free – 簡易聊天室實作

今天要把昨晚嘗試製作的「聊天室」和大家分享一下。
不過因為Application還未通過審核,所以只好用官方測試帳號。
不過,還是能看出即時變化喔!

今天要請大家先看一下影片,再繼續閱讀。

一樣,看完之後請別忘記回覆一下喔!

首先,大家想必都看到一開始出現了一堆英文訊息吧!
其實那些我還不確定該怎麼去除,除了 ready 是確定的。

不過,重點當然不在此。
當右手邊的視窗切入聊天室之後,左手邊會跳出「有新訪客進入聊天室」等訊息。

其實這是寫在進入的那位訪客的頁面。
原理 > 基本為 Client > Server & Server > Client
而 Client 要 Send Message 給 Server 需要透過 User 的輸入。
但是現在將 API 中定義的 Status == 200 狀態觸發事件,設定 Send 動作。
發送到 Server 之後,會立即傳給所有 User 此時,效果就達到了!
(但是進入的 User 因為還沒啟動接受功能,所以不會發現訊息出現變化。)

而要做到這種程度的聊天室,到底會花多少時間呢?
不瞞各位,只要一小時。

扣掉美化或者其他動作,只是單純的讓聊天室成型。
完完全全只要花上一小時,也許你的動作更快,可以在幾時分鐘內完成。

整個聊天室無需任何框架,只需要一點點的 JavaScript 就能做到。
「這是 Push4Free 的功能,也是基礎」

雖然我很想利用這種功能做成 Web Game
不過,玩家資料的儲存卻成為了障礙。
現在就只能好好想辦法了!

各位對於 Push4Free 的認識,是否更深入了呢?

Comments are closed.