製作網頁聊天室
什麼是WebSocket
這個章節,我們要來實作網頁聊天室,或是其他網頁服務,但重點是實作即時的網頁服務,想要讓網頁即時,就必須不斷向伺服器(Server)要資料,所以原本的http是不夠即時的,必須要靠頁面每幾秒重新跟伺服器要一次資料,但如果用最新的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的對戰。
額外補充:用手機當遙控器,遙控桌面上的瀏覽器頁面
用socketio實作遙控器
IRS
- Super Sync Sports小遊戲