微信小程序與aspnetcore signalr實例

本文不對小程序與signalr做任何介紹,默認讀者已經掌握

aspnetcore Signalr文檔
小程序文檔

寫在之前

SignalR沒有提供小程序使用的客戶端js,所以本人參考signlar.js寫了小程序版signalr-client.js 代碼開源，地址?https://github.com/liangshiw/SignalRMiniProgram-Client

先上效果圖

開始編碼

首先需要創建一個aspnetcore的mvc項目，創建完成后我們需要安裝signalr的包

Install-Package Microsoft.AspNetCore.SignalR

現在就可以創建hub集線器了,首先定義一個類來描述已在線的用戶,它需要頭像和姓名

接下來我們在連接創建時，把當前用戶做為在線用戶添加到字典中,向該用戶發送加入成功的系統消息。并且同時向其他的用戶發送系統消息

同樣在用戶斷開連接時做離線處理

下面就只有一個簡單的發送消息方法了,首先查看當前用戶是否在線并做相應處理,如果在線就把當前用戶的消息和頭像姓名一起發送給組中的其他客戶端

在小程序中，我們需要在頁面加載事件中創建與signalr的連接，并且注冊system系統消息與receive用戶消息兩個方法以接收服務端發來的消息

同樣在頁面銷毀時應斷開與signalr服務器的連接

onUnload: function () { ?
? ? this.hubConnect.close({ reason: "退出" }) }

發送方法也非常簡單,只需要調用sendMessage方法并把用戶輸入的消息傳入就大功告成了，其它就是頁面上的處理了

this.hubConnect.send("sendMessage",message);

完整的代碼請去github?https://github.com/liangshiw/SignalRMiniProgram-Client/tree/master/sample
需要注意的是在打開小程序代碼時，請修改project.config.json文件中的appid,如果項目不錯的話還請大家加個星,順便再follow一下本人

相關文章：

• Asp.Net Core SignalR 與微信小程序交互筆記

• 推薦一堂關于《微信公眾號+小程序快速開發》的課，價格優惠88
  

原文地址：https://www.cnblogs.com/LiangSW/p/9415246.html

.NET社區新聞，深度好文，歡迎訪問公眾號文章匯總 http://www.csharpkit.com

總結

以上是生活随笔為你收集整理的微信小程序与AspNetCore SignalR聊天实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。