這篇文章主要介紹如何使用asp.net+mvc+signalr制作聊天室,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
為成都等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及成都網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站建設(shè)、成都做網(wǎng)站、成都網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!環(huán)境:vs2013 / asp.net mvc 5 / signalr 2.2.1 / jquery 1.10.2
先上兩個效果圖:
系統(tǒng)會自動給加入聊天室的人員分配一個ID,是該人員的標識(綠色為當前用戶說的話,橙色為當前用戶之外的人員說的話,對于不同窗口,當前用戶指示的主體是不一樣的哦,別弄繞了。。。)
下面來粗略敘述一下開發(fā)步驟:
1、安裝signalr
建議使用nuget安裝,能省不少事,網(wǎng)上也有全手工配置的。
2、修改startup.cs文件
開始的時候,我漏了這一步,發(fā)現(xiàn)始終生成不了/signalr/hubs,瀏覽器提示/signalr/hubs 400找不到
3、創(chuàng)建Hub
nuget安裝了signalr之后,會有相應(yīng)的signal分類
命名為ChatHub,也可以創(chuàng)建一個普通類,繼承Microsoft.AspNet.SignalR.Hub即可。
簡單的編寫一個Send方法(請注意紅框的兩個方法名)
4、調(diào)用
頁面需要引用三個主要腳本:
signalr是依賴于jquery的,所以這三個腳本引用有嚴格的先后順序,如圖,不可調(diào)換順序。
以下為頁面內(nèi)容(請注意紅框中的幾個地方):
chatHub:這是創(chuàng)建的ChatHub類,生成在/signalr/hubs下面的名稱(默認為類名首字母小寫)
用戶也可以自己定義
這樣hub名稱就變成了設(shè)置的ChatHub(原來首字母小寫,現(xiàn)在變成大寫的了)
chat.client.receiveMessage:此處的receiveMessage,就是定義在ChatHub類,Send方法下的Clients.All.receiveMessage,原來看一些文檔,此處的寫法是chat.receiveMessage,但試下來沒有效果,查看了/signalr/hubs腳本后,看到有client的定義,這塊應(yīng)該是由于signalr版本不同造成的,大家使用時要注意。
chat.server.send:此處的send,就是定義在ChatHub類下的Send方法,同樣可能是對于以前版本的signalr,使用方法是chat.send,大家注意就是了。
以上是“如何使用asp.net+mvc+signalr制作聊天室”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)站名稱:如何使用asp.net+mvc+signalr制作聊天室-創(chuàng)新互聯(lián)
文章出自:http://www.rwnh.cn/article28/copccp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、域名注冊、網(wǎng)站策劃、做網(wǎng)站、品牌網(wǎng)站設(shè)計、ChatGPT
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容