製作網頁聊天室


什麼是WebSocket

這個章節,我們要來實作網頁聊天室,或是其他網頁服務,但重點是實作即時的網頁服務,想要讓網頁即時,就必須不斷向伺服器(Server)要資料,所以原本的http是不夠即時的,必須要靠頁面每幾秒重新跟伺服器要一次資料,但如果用最新的WebSocket技術的話,能夠搭起雙向即時溝通的橋樑。

WebSocket 教學


使用 Socket.IO 來實作聊天室

Socket.IO是WebSocket的一個套件,補足WebSocket的不足,在了解跟製作聊天室之前,我們先試用一下socketio聊天室範例socket,接著我們先下載官方的範例,了解一下裡面的程式碼,可以參考下面的教學影片。

其他參考資料:


額外補充:網頁對戰遊戲

socket.io-chess

socket.io-chess這個專案,是讓人進行線上西洋棋對戰,可以建立房間,讓其他對手依照房間ID加入。

anagrammatix

英文有一種文字遊戲,叫做anagram,把一個單字或句子裡的字母重新排列,拼出另一個單字或句子。例如last和salt、horse和shore、listen和silent、enlarge和general,每組前後兩字互為anagram,兩字由完全相同的字母拼成,只是字母的次序不一樣。

此專案anagrammatix,就是開一個主頁面,讓其他人連到這個房間內進行anagram的對戰。


額外補充:用手機當遙控器,遙控桌面上的瀏覽器頁面

super sync sports

results matching ""

    No results matching ""