30篇文章可以教很多,首先會說一下WebSocket實作,再帶到ASP.Net Core後端,再導入SingalR框架所帶來的方便性,實作方便預計簡單的聊天室,會員機制,多人編輯文件,多人遊玩小遊戲(還不確定要做什麼)
今天要來個小型的實作一個連線名單,連線名單可以讓你知道目前在線的人有誰(廢話),之前的範例都是在進入時傳送訊息給所有人,如果是中途進來的人,是無從得知目前有哪些...
今天我們來實作一個共用塗鴉牆,其實之前看到Canvas的應用一直想玩玩看,但是一直都沒時間玩,剛好這次SignalR實作可以用到!XD 今天先做前端塗鴉的實作,...
今天要來做塗鴉牆第2部分,首先我們得想想該回傳些什麼,制定一個Json格式回傳回去。 前端部分 連接部分程式碼先寫好 var connection = new...
今天我們要幫塗鴉牆加上橡皮擦的功能,只能畫不能擦掉感覺真的是蠻奇怪的,當然擦的時候也要同時擦全部的畫版。 橡皮擦功能 這邊我在實作時,一開始是想到只有用透明色或...
今天應該最後一篇塗鴉牆了,來講講畫版載入時同步的功能,在載入時必須和前面畫過的畫面同步,避免之後進來的人看到的畫面跟先進來看到會有不一樣的狀況,所以我們得做一個...
今天我們要來實作一個即時投票系統,前端的圖表呈現部分,我們要依賴Chart.js這個JS函式庫,所以今天就先來帶大家瞭解一下Chart.js大概的使用方法。首先...
今天要來把即時投票系統跟SignalR連線囉! 基本上跟塗鴉板也是差不多,但是投票系統應該需要自訂投票的選項和建立投票的種類,這個部份我們需要去設計物件來達成,...
今天繼續把投票系統沒做完的做完吧,上一篇我們是從後端建立一個新的投票,今天我們要做成改成前端建立投票,然後讓大家進去投票,這個部分有點長,所以也是拆成2偏來講。...
今天我們要來做投票列表,概念跟Day11的上線名單一模一樣,忘記的可以去回顧一下,那麼我們就開始吧! 建立列表HTML元素 我們先把voteMenu區塊設成顯示...
今天就是即時投票系統最後一篇了,讓我們努力把它完成吧! 讀取投票資料 首先我們要把畫面改一下,一堆按鈕投票感覺很笨 投票畫面修改 我們這次不要一堆按鈕,改成把選...