鐵人檔案
安裝socket 先來個socket.io官網 寫了老半天終於要來寫socket了很怕湊不滿30天 先在Terminal安裝套件 npm i socket.io...
上一篇我們設定好了socket連線，並且在首頁引入socket來收發事件，不過這樣做用了一陣子就會發現一件事情 就是要一直引入socket 就有點麻煩，更何況是...
今天就來做聊天室最重要的功能－輸入訊息 就讓我們來到pages > index.vue找之前塞好的input <div class="ms...
通常聊天都會習慣直接輸入Enter送出訊息，而且我們介面上也完全沒有要做按鈕ＸＤ當然要偽裝terminal也是直接用鍵盤送出～這篇就來做事件處理 平常會用add...
做匿名登入之前，先來提一下會用到的socket相關 Client端發出 socket.emit('事件名稱', data)，在server端的socket就會相...
login的事件通知 先處理server端的socket 監聽一個login事件 const SocketIO = require('socket.io')...
登入之後，要看到所有在線上的使用者，我們在前一篇server端有多發送一個uploadMember的事件 顯示線上使用者我們要做在sidebar上，可以隨時看到...
資料存到Vuex 寫vue的時候說到store就是在講Vuex，恩，因為我剛開始很多名詞都不認識，每天都被各種問號的名詞轟炸，所以先說一下。 今天要把原本紀錄在...
在開始今天的主題之前，先確認一下router有沒有設好，上一篇應該在送出名稱之後就會切換到localhost:3000/chat這個網址～ 再來還要把原本在pa...
今天要做的對話腳本結果 基本上，即時連線的機制已經做出來了，就算看起來像在亂寫，後面大部分就是在做一些小設計，讓聊天室偽裝的更像vscode 今天我們就來...
