iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 12805 瀏覽

鐵人賽 Modern Web DAY 25

我與 ASP.NET Core 的 30天系列第 25 篇

技術 [Day25] SignalR - 我與 ASP.NET Core 3 的 30天

ASP.NET Core SignalR 是一個開放原始碼程式庫，提供了Server與Client端之間的即時通訊，並簡化Server端的使用方式。 Signa...

ATai ‧ 2020-10-09

0 Like 0 留言 1990 瀏覽

鐵人賽 Modern Web DAY 28

宅男的浪漫 - 用 .NET Core 打造 Line 婚禮聊天機器人經驗分享系列第 28 篇

技術製作婚禮現場即時留言版- Azure SignalR Service I

第12 屆iT邦幫忙鐵人賽系列文章 (Day28) SignalR是實現即時通訊的框架，如下圖，在Server Hub宣告要給client端呼叫的方法，能傳送即...

Kyle Shen ‧ 2020-10-12

2 Like 1 留言 1255 瀏覽

鐵人賽 Microsoft Azure DAY 18

Azure Serverless 平步青雲，漫步雲端系列第 18 篇

技術 Day 18- 五百次測試才換得來擦肩而過：狼人殺 - 實戰－使用情境測試及改進

前言完成大部分功能開發之後就要從情境測試來測試各項功能在假想的使用情境上有沒有問題。準備擔任主持人的玩家需要創立一個房間創立一個房間這件事情需要在網頁...

CK Sun ‧ 2020-10-03 ‧團隊全端開發人員天梯

1 Like 0 留言 1066 瀏覽

鐵人賽 Microsoft Azure DAY 17

Azure Serverless 平步青雲，漫步雲端系列第 17 篇

技術 Day 17- 掌中乾坤：狼人殺 - 實戰 - 後端開發 (四）－ SignalR 繫結

由於狼人殺需要傳送資訊到手機端同步賽局狀況，因此我們會需要類似Websocket的服務來處理到客戶端的資料。而微軟在很早期便有了SignalR的服務處理這類事件...

CK Sun ‧ 2020-10-02 ‧團隊全端開發人員天梯

4 Like 5 留言 2947 瀏覽

鐵人賽 Modern Web DAY 30

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

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

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

Homura ‧ 2018-11-12

2 Like 0 留言 6055 瀏覽

鐵人賽 Modern Web DAY 29

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

技術 29. 部署SignalR到Server上

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

Homura ‧ 2018-11-11

2 Like 0 留言 1913 瀏覽

鐵人賽 Modern Web DAY 28

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

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

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

Homura ‧ 2018-11-10

2 Like 0 留言 1758 瀏覽

鐵人賽 Modern Web DAY 27

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

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

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

Homura ‧ 2018-11-09

1 Like 0 留言 1734 瀏覽

鐵人賽 Modern Web DAY 26

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

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

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

Homura ‧ 2018-11-08

4 Like 0 留言 1529 瀏覽

鐵人賽 Modern Web DAY 25

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

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

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

Homura ‧ 2018-11-07

1 Like 0 留言 1898 瀏覽

鐵人賽 Modern Web DAY 24

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

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

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

Homura ‧ 2018-11-06

2 Like 0 留言 1925 瀏覽

鐵人賽 Modern Web DAY 23

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

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

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

Homura ‧ 2018-11-05

3 Like 0 留言 2775 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

Homura ‧ 2018-11-04

3 Like 1 留言 3287 瀏覽

鐵人賽 Modern Web DAY 21

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

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

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

Homura ‧ 2018-11-03

2 Like 0 留言 2246 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 20. 實作一個即時投票系統 (5) - 讀取建立的投票

今天就是即時投票系統最後一篇了，讓我們努力把它完成吧！讀取投票資料首先我們要把畫面改一下，一堆按鈕投票感覺很笨投票畫面修改我們這次不要一堆按鈕，改成把選...

Homura ‧ 2018-11-02

3 Like 0 留言 3351 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 19. 實作一個即時投票系統 (4) - 建立投票列表

今天我們要來做投票列表，概念跟Day11的上線名單一模一樣，忘記的可以去回顧一下，那麼我們就開始吧！建立列表HTML元素我們先把voteMenu區塊設成顯示...

Homura ‧ 2018-11-01

1 Like 0 留言 2254 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 18. 實作一個即時投票系統 (3) - 自訂投票內容

今天繼續把投票系統沒做完的做完吧，上一篇我們是從後端建立一個新的投票，今天我們要做成改成前端建立投票，然後讓大家進去投票，這個部分有點長，所以也是拆成2偏來講。...

Homura ‧ 2018-10-31

3 Like 0 留言 3273 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 17. 實作一個即時投票系統 (2) - 使用signalR同步投票

今天要來把即時投票系統跟SignalR連線囉！基本上跟塗鴉板也是差不多，但是投票系統應該需要自訂投票的選項和建立投票的種類，這個部份我們需要去設計物件來達成，...

Homura ‧ 2018-10-30

3 Like 0 留言 5215 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 16. 實作一個即時投票系統 (1) - 投票介面建置

今天我們要來實作一個即時投票系統，前端的圖表呈現部分，我們要依賴Chart.js這個JS函式庫，所以今天就先來帶大家瞭解一下Chart.js大概的使用方法。首先...

Homura ‧ 2018-10-29

4 Like 1 留言 2120 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 15. 實作一個共用塗鴉牆 (4) - 載入時同步

今天應該最後一篇塗鴉牆了，來講講畫版載入時同步的功能，在載入時必須和前面畫過的畫面同步，避免之後進來的人看到的畫面跟先進來看到會有不一樣的狀況，所以我們得做一個...

Homura ‧ 2018-10-28

2 Like 0 留言 2934 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 14. 實作一個共用塗鴉牆 (3) - 新增橡皮擦功能

今天我們要幫塗鴉牆加上橡皮擦的功能，只能畫不能擦掉感覺真的是蠻奇怪的，當然擦的時候也要同時擦全部的畫版。橡皮擦功能這邊我在實作時，一開始是想到只有用透明色或...

Homura ‧ 2018-10-27

2 Like 0 留言 2069 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 13. 實作一個共用塗鴉牆 (2) - signal同步畫板

今天要來做塗鴉牆第2部分，首先我們得想想該回傳些什麼，制定一個Json格式回傳回去。前端部分連接部分程式碼先寫好 var connection = new...

Homura ‧ 2018-10-26

3 Like 0 留言 2926 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 12. 實作一個共用塗鴉牆 (1) - 前端塗鴉板製作

今天我們來實作一個共用塗鴉牆，其實之前看到Canvas的應用一直想玩玩看，但是一直都沒時間玩，剛好這次SignalR實作可以用到!XD 今天先做前端塗鴉的實作，...

Homura ‧ 2018-10-25

3 Like 0 留言 2729 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 11. 實作一個連線名單

今天要來個小型的實作一個連線名單，連線名單可以讓你知道目前在線的人有誰(廢話)，之前的範例都是在進入時傳送訊息給所有人，如果是中途進來的人，是無從得知目前有哪些...

Homura ‧ 2018-10-24

3 Like 0 留言 4286 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 10. SignalR 組態設定

先來碎碎念一下，昨天gitpage一直有問題，害我git push好幾次，後來發現repo裡的文件是新的沒錯，今天一看又好了，真是的浪費我快30分鐘今天來講講...

Homura ‧ 2018-10-23

3 Like 0 留言 8222 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 09. 使用MessagePack傳輸更小的資料

MessagePack是一個類似Json格式但是比Json速度更快、檔案更小，不過似乎還沒很流行就是了，既然ASP.Net Core SignalR文件上面有特...

Homura ‧ 2018-10-22

2 Like 0 留言 2802 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 08. 使用Json傳遞訊息和跨網域驗證

今天要來講講怎麼使用JSON傳遞訊息及跨網域訊息。使用JSON格式在Service註冊其實這步是可以跳過，因為SignalR預設會開啟AddJsonPro...

Homura ‧ 2018-10-21

2 Like 0 留言 7414 瀏覽

鐵人賽 Modern Web DAY 7

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

技術 07. SignalR 群組概念與使用

今天來介紹群組的運作，不知道會不會有人問為什麼要群組？？總不能每次訊息都傳給所有人吧!XD 所以今天就讓我們好好來介紹一下SignalR群組運作的方式。使用方...

Homura ‧ 2018-10-20

4 Like 0 留言 9525 瀏覽

鐵人賽 Modern Web DAY 6

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

技術 06. SignalR 前端API運用

連接事件建立連線，我們需要建立一個連線物件，withUrl(Hub)裡的參數放入要連接的Hub名稱，再用build()建立連線物件。 var connecti...

Homura ‧ 2018-10-19

2 Like 1 留言 6181 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 05. 使用SignalR Hub (2)

今天來點輕鬆的吧！來寫寫強型別的Hub和把HubContext注入Controller 強型別Hub的好處 SignalR的Hub介面只規定我們要實作OnCon...

Homura ‧ 2018-10-18