iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

來玩玩即時互動App吧! ASP.NET Core SignalR 系列

30篇文章可以教很多,首先會說一下WebSocket實作,再帶到ASP.Net Core後端,再導入SingalR框架所帶來的方便性,實作方便預計簡單的聊天室,會員機制,多人編輯文件,多人遊玩小遊戲(還不確定要做什麼)

鐵人鍊成 | 共 30 篇文章 | 62 人訂閱 訂閱系列文 RSS系列文
DAY 21

21. 實作Web即時共同編輯文件 (1) - 建立文件編輯介面

有沒有覺得第一次看到Google共用編輯文件很好玩,它把類似Excel功能搬到Web上,然後又能共同編輯,我們這次就是要來模仿做一個類似GOOGLE文件共同編輯...

2018-11-03 ‧ 由 Homura 分享
DAY 22

22. 實作Web即時共同編輯文件 (2) - 使用signalR同步文件內容

沒想到昨天光完成前端的部分就花那麼多時間,看來這次實作比上次難了不少,大概是因為沒使用套件的關係吧!XD 那麼今天就來做signalR同步的部分吧。 資料Bin...

2018-11-04 ‧ 由 Homura 分享
DAY 23

23. 實作Web即時共同編輯文件 (3) - 加入上線使用者清單

昨天我們做到能互相傳遞編輯的文字,今天我們要來實現上線的名單吧! 建立上線名單 首先我們來做一下上線名單的樣式,Day11一個Select元素裝進去太醜了,這次...

2018-11-05 ‧ 由 Homura 分享
DAY 24

24. 實作Web即時共同編輯文件 (4) - 幫編輯中的表格添加顏色

今天要來幫編輯中的表格更換顏色,顏色就是昨天做的使用者顏色,這次是要放到編輯的cell內,並且鎖住不讓其他人同時編輯。 幫編輯中的表格著色 我發現直接對表格誆著...

2018-11-06 ‧ 由 Homura 分享
DAY 25

25. 實作Web即時共同編輯文件 (5) - 一些小功能修正

今天是一些小地方的修正,其實做到這邊還有很多需要修正的地方,一個是重整後編輯中的顏色不會重新讀取,一個是編輯中關閉不會回船取消編輯,就是在編輯的人沒移開編輯中的...

2018-11-07 ‧ 由 Homura 分享
DAY 26

26. 實作Web即時共同編輯文件 (6) - 新增登錄畫面及選擇文件列表

今天我們要來做自訂表格內容和連線列表,既然建立表格的方法都訂好了,當然要能從前端建立啊!XD 各畫面區塊建立 這次我想做4個畫面登入畫面、文件選擇畫面、文件建立...

2018-11-08 ‧ 由 Homura 分享
DAY 27

27. 實作Web即時共同編輯文件 (7) - 新增自訂文件及載入自訂文件

今天就來完成最後的部分吧!最後要載入和建立自訂的文件,首先來先來做建立文件的部分 建立自訂文件 首先先建立切換畫面事件,讓建立文件的Button能切換頁面 go...

2018-11-09 ‧ 由 Homura 分享
DAY 28

28. 實作Web即時共同編輯文件 (8) - 最後的BUG修正+小功能添加

真的是越複雜的功能,越容易出現不少的BUG,前面做了7篇原本以為我大概的狀況我都有抓到,直到昨天做完發現蠻多BUG,所以今天就來幫這個時做來做最後修正吧! 不同...

2018-11-10 ‧ 由 Homura 分享
DAY 29

29. 部署SignalR到Server上

既然實作都做完了,卻只能單機自己使用好像怪怪的,至少要能開放自己的內網使用才對,所以今天要來教大家怎麼把自己的signalR部署到Apache和IIS 安裝.N...

2018-11-11 ‧ 由 Homura 分享
DAY 30

30. 來玩玩即時互動App吧! ASP.NET Core SignalR 總結 & 完賽心得

今天終於最後一天啦!等這天等了好久囉哈哈!,其實應該是一直被發文進度追得很苦惱才對,總之先來個總結吧! 總結 SignalR和SignalR Core最大的差別...

2018-11-12 ‧ 由 Homura 分享