微信小程序与AspNetCore SignalR聊天实例
微信小程序与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聊天实例相关推荐
- php阅读器开发,微信小程序阅读器的简单实例开发
这篇文章主要介绍微信小程序阅读器的简单实例开发的相关资料,需要的朋友可以参考下 今天和朋友聊天说到小程序,然后看在看书,然后我们就弄了个小读书的demo,然后现在分享一下. 一.先来上图: 首先先说下 ...
- 微信小程序开发登录界面mysql_微信小程序 欢迎界面开发的实例详解
微信小程序 欢迎界面 市面上大多数的app都会有一个欢迎界面,下面将演示如何通过微信小程序实现一个欢迎界面. 下面将会按照以下的顺序介绍: 布局的实现 逻辑的实现 样式的实现 1.布局的实现 整个布局 ...
- 微信小程序php后台支付,微信小程序 支付功能实现PHP实例详解
微信小程序 支付功能实现PHP实例详解 前端代码: wx.request({ url: 'https://www.yourhost.com/weixin/WeiActivity/payJoinfee' ...
- 微信小程序 环形进度条_微信小程序实现圆形进度条实例分享
本文主要和大家分享微信小程序实现圆形进度条实例,希望能帮助到大家. 小程序中使用圆形倒计时,效果图: 思路使用2个canvas 一个是背景圆环,一个是彩色圆环. 使用setInterval 让彩色圆环 ...
- java 微信 摇一摇红包_微信小程序“摇一摇”的实例代码
微信小程序并没有提供摇一摇API接口,但是提供了一个重力感应的API 「wx.onAccelerometerChange(CALLBACK)」,我们可以用这个方法来模拟微信摇一摇功能,代码如下: Pa ...
- php欢迎界面代码,分享微信小程序欢迎界面开发的实例代码
这篇文章主要分享微信小程序欢迎界面开发的实例代码的相关资料,这里实现欢迎界面的简单实例和实现代码及实现效果图,需要的朋友可以参考下 微信小程序 欢迎界面 市面上大多数的app都会有一个欢迎界面,下面将 ...
- 微信小程序控件(入门实例)
微信小程序控件(入门实例) 注册界面 效果展示: 所用到的一些属性: wxml代码: wxss代码: 购物界面: 所用到的一些属性 轮播图制作: 所用到的一些属性 可滚动视图与轮播图综合 效果图 wx ...
- 许嵩音乐智能问答系统微信小程序之客服聊天室
许嵩音乐智能问答系统微信小程序之客服聊天室 项目简介. 音乐播放器搭建. 获取数据及文本分类. 智能客服聊天界面. 连接前端微信小程序输入和后端python,并返回值 连接知识图谱 你还在为因为性格腼 ...
- pos请求 微信小程序_微信小程序蓝牙连接小票打印机实例代码详解
1.连接蓝牙 (第一次发表博客) 第一步打开蓝牙并搜索附近打印机设备// startSearch: function() { var that = this wx.openBluetoothAdapt ...
最新文章
- unity项目警告之 LF CRLF问题
- 哈佛教授公开R语言源码,教你用R制作gif动图
- c语言使单片机输出低电平,单片机开发中的一些实用技巧
- 【研发管理】华为十大架构与设计核心原则
- esp32外部中断_玩转 ESP32 + Arduino (四) 电容按键 霍尔传感器 外部中断 延时 脉冲检测...
- Python基础——PyCharm版本——第六章、函数function
- IOS 多线程04-GCD详解 底层并发 API
- python 替换字符串
- 软件开发模型_QT开发(二十三)——软件开发流程
- python学到什么程度可以找到工作-Python学到什么程度可以面试工作?
- PTA - 数据库合集15
- 《程序员必读之软件架构》作者Simon Brown:架构师与程序员的区别
- python中quadratic,Python: Using CVXOPT for quadratic programming
- 复合选择器之后代选择器
- uniapp禁止单页面侧滑返回
- PostgreSQL数据库服务的优势有哪些
- 自动气象站解决方案 案例分享
- 计组_定点数一位乘_布斯公式
- 电商项目如何解决线上优惠券超发(排错+解决方案)(荣耀典藏)
- java rpm卸载_rpm安装和卸载软件