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

0 Like 0 留言 13142 瀏覽

鐵人賽 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

3 Like 0 留言 12302 瀏覽

技術 [SignalR] 覆寫Client上的事件處理函數

前幾天在寫SignalR時遇到了一個需求，在啟動SignalR後想要點不同的按鈕去觸發不同的事件處理函數，程式碼範例如下: $(function () {...

小碼農米爾 ‧ 2017-09-28

4 Like 0 留言 9593 瀏覽

鐵人賽 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 0 留言 8982 瀏覽

鐵人賽 Modern Web DAY 4

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

技術 04. 使用SignalR Hub (1)

SignalR Hub是什麼? 其實你從它的名字也看得出來是什麼，Hub不就是集線器的意思XD，不過這邊的線不是網路線而是Browser和Server溝通的橋樑...

Homura ‧ 2018-10-17

3 Like 0 留言 8322 瀏覽

鐵人賽 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 留言 7466 瀏覽

鐵人賽 Modern Web DAY 7

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

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

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

Homura ‧ 2018-10-20

2 Like 1 留言 6213 瀏覽

鐵人賽 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

5 Like 3 留言 6168 瀏覽

鐵人賽 Modern Web DAY 1

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

技術 01. ASP.Net Core SignalR 導讀

今天第一天來點輕鬆的，我們來說說SignalR是什麼? ASP.NET Core SignalR是什麼？ SignalR是一個能輕鬆架構即時互動(real-t...

Homura ‧ 2018-10-14

2 Like 0 留言 6104 瀏覽

鐵人賽 Modern Web DAY 29

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

技術 29. 部署SignalR到Server上

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

Homura ‧ 2018-11-11

3 Like 0 留言 5302 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

Homura ‧ 2018-10-29

3 Like 0 留言 4545 瀏覽

鐵人賽 Modern Web DAY 3

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

技術 03. 第一個SingalR專案

我想先帶大家做一遍，之後再開始講觀念，因為我覺得這樣會比較好玩一點XD。建立Web專案首先先開啟終端機(命令提示字元)，輸入下面指令建立專案 $ dotne...

Homura ‧ 2018-10-16

3 Like 0 留言 4335 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 10. SignalR 組態設定

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

Homura ‧ 2018-10-23

3 Like 0 留言 3885 瀏覽

鐵人賽 Modern Web DAY 2

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

技術 02. 架設SignalR環境

今天來先來裝需要的環境需要的OS環境 OS環境Windows、Linux、Mac OS任一都行，主要操作是用dotNet CLI和VS Code不用擔心會有不...

Homura ‧ 2018-10-15

3 Like 0 留言 3398 瀏覽

鐵人賽 Modern Web DAY 19

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

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

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

Homura ‧ 2018-11-01

3 Like 1 留言 3320 瀏覽

鐵人賽 Modern Web DAY 21

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

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

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

Homura ‧ 2018-11-03

3 Like 0 留言 3303 瀏覽

鐵人賽 Modern Web DAY 17

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

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

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

Homura ‧ 2018-10-30

4 Like 5 留言 2990 瀏覽

鐵人賽 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 留言 2969 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

Homura ‧ 2018-10-27

3 Like 0 留言 2942 瀏覽

鐵人賽 Modern Web DAY 12

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

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

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

Homura ‧ 2018-10-25

2 Like 0 留言 2828 瀏覽

鐵人賽 Modern Web DAY 8

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

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

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

Homura ‧ 2018-10-21

3 Like 0 留言 2826 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

Homura ‧ 2018-11-04

3 Like 0 留言 2757 瀏覽

鐵人賽 Modern Web DAY 11

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

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

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

Homura ‧ 2018-10-24

1 Like 0 留言 2280 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

Homura ‧ 2018-10-31

2 Like 0 留言 2257 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

Homura ‧ 2018-11-02

4 Like 1 留言 2160 瀏覽

鐵人賽 Modern Web DAY 15

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

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

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

Homura ‧ 2018-10-28

2 Like 0 留言 2088 瀏覽

鐵人賽 Modern Web DAY 13

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

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

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

Homura ‧ 2018-10-26

0 Like 0 留言 2050 瀏覽

鐵人賽 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 0 留言 1958 瀏覽

鐵人賽 Modern Web DAY 23

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

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

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

Homura ‧ 2018-11-05

2 Like 0 留言 1942 瀏覽