html一樣使用socket來寫,client-side 的 HTML 使用 live-server 運行後,使用node index.js去啟動server端。刷新HTML頁面,即可看到terminal印出server的console.log()內容。切到client底下的 index.js 連結 server-side 建立的8080端口,關於程式內容與Day10內容差不多
。
這是最下面的html程式,message是text的input type,這裡是輸入的地方,而傳送訊息的地方用的是button按下可以傳輸,另外一個則是清空聊天紀錄,是用javascript:document.getElementById('responseText').value=''將value的字串全部變為空白。
這是尚未打開連線。
而這是演示的結果,可以看到連線成功會向使用者端傳輸連線開啟!Welcome的字串
而這段回傳的數據是我該回傳到組員做的聊天室格式中。聊天室研究大約如此,接下來會研究其他方向。