NetCore.SignalR.Demo演示


項目github,點擊https://github.com/wangpengzong/NetCore.SignalR.Demo

 

1.打開服務端Server(\SignalR.Server\bin\Debug\netcoreapp2.2\win10-x64\SignalR.Server.exe)

 

2.打開客戶端,開5個標簽頁,分別是

兩個http://localhost:63891/test/index     groupid:1,用戶1,identifier = "00000000-0000-0000-0000-000000000000"

一個http://localhost:63891/test/index1   groupid:1,用戶2,identifier = "11111111-1111-1111-1111-111111111111"

一個http://localhost:63891/test/index2   groupid:2,用戶3,identifier = "33333333-3333-3333-3333-333333333333"

一個http://localhost:63891/test/index3   groupid:3,用戶4,identifier = "44444444-4444-4444-4444-444444444444"

 

 

Javascript調用:

test/index中的user框,輸入00000000-0000-0000-0000-000000000000message輸入hi,點擊sendmessage,就可以在全部的標簽頁看到以上頁面,此時調用的是

document.getElementById("sendButton").addEventListener("click", event => {

            const user = document.getElementById("userInput").value;

            const message = document.getElementById("messageInput").value;

            connection.invoke("SendMessageToAll", { From: user, Content: message }).catch(err => console.error(err.toString()));

            event.preventDefault();

        });   

 

 

.net 客戶端調用

再打開一個標簽頁,輸入http://localhost:63891/test/SendMessageToAll

 

 

 

這個和上面的say hi都是調用SendMessageToAll方法,發送給所有人

 

將此標簽頁輸入http://localhost:63891/test/SendMessageToUser,調用SendMessageToUser方法,此時前兩個頁面顯示00000000-0000-0000-0000-000000000000 says SendMessageTo1,這個是發給用戶1

 

 

將此標簽頁輸入http://localhost:63891/test/SendMessageToGroup1,調用SendMessageToMyGroup方法,此時前三個頁面顯示00000000-0000-0000-0000-000000000000 says SendMessageToGroup1,這個是發給組1

 

 

將此標簽頁輸入http://localhost:63891/test/SendMessageToGroup1and2,調用SendMessageToMyGroup方法,此時前四個頁面顯示00000000-0000-0000-0000-000000000000 says SendMessageToGroup1,這個是發給組1和組2

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM