微信小程序可用的SignalR（官方非TS修改版）

最新推荐文章于 2025-05-18 00:00:00 发布
最新推荐文章于 2025-05-18 00:00:00 发布
阅读量3.4k 收藏 8
点赞数
CC 4.0 BY-SA版权
分类专栏： 微信小程序 文章标签： SignalR ASP.NET Core 微信小程序 修改版
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/LcFireRabbit/article/details/89838611
ASP.NET SignalR因依赖JQ，小程序无法直接使用。ASP.NET Core SignalR官方去除了对JQ的依赖，但客户端js连接服务端方法和WebSocket实现与小程序不同。通过将XMLRequest改为wx.requst、WebSocket改为小程序的WebSocket，并固定通讯方式为WebSocket，可让小程序使用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

SignalR-ClientForMiniProgram-js

ASP.NET SignalR依赖JQ，故小程序不能直接使用。但是在ASP.NET Core SignalR中，官方去除了对JQ的依赖，所以存在可以被小程序直接使用的可能，但是客户端js中连接服务端的方法和实现WebSoket方式，跟小程序中的用法不同，也不能直接用。但是通过修改这两处的实现方式，可以让小程序使用。

此版为老版本的signalR，新版本目前是TS编译版本，还未修改成功。

修改处说明

将原来的XMLRequest请求方式，改为小程序字节的wx.requst.

在这里插入图片描述

将原来的WebSocket，改为小程序的WebSocket

在这里插入图片描述

因为小程序只支持signalR三种通讯方式中的WebSocket，所以将通讯方式固定位WebSocket即可

在这里插入图片描述

https://github.com/LcFireRabbit/SignalR-ClientForMiniProgram-js

微信小程序使用signalr-for-wx制作即时聊天功能
qq_39079575的博客
05-16 356
6. 扩展功能 • 消息状态反馈：添加 isSending 和 isFailed 状态标记 • 历史消息加载：在 onLoad 中调用服务端接口获取历史记录 • 图片/文件传输：通过 wx.uploadFile 上传后发送文件 URL。在小程序根目录执行，构建 npm（需在开发者工具中勾选“使用 npm 模块”）。全局连接已实现自动重连，可通过。在微信公众平台配置合法域名（
后端 C# .net服务器 前端 原生网页、微信小程序、uni-app 集成 SignalR 做 即时通讯
qq_35638140的博客
03-04 2757
后端 C# .net 前端 原生网页、微信小程序、uni-app 集成 SignalR 做 即时通讯
SignalR实现小程序即时聊天 C# asp.net core
12-02
用SignalR实现的小程序即时聊天框架示例 C# asp.net core
微信小程序使用signalr-for-wx做即时通讯，当多次进入聊天页面后，收到信息会多次触发回调
最新发布
qq_39079575的博客
05-18 291
匿名函数导致无法正确移除监听器（每次注册的函数引用不同）。中全局维护一个 SignalR 连接实例，避免重复创建。在页面的生命周期中，确保每次注册和移除的是同一个函数引用。如果页面可能通过 Tab 切换隐藏而非卸载，需在。：确保整个应用使用同一个 SignalR 实例。在开发阶段，可通过打印日志或检查。的监听器数量确认问题是否解决。移除监听器，导致监听器累积。每次进入页面时，都会通过。注册新的事件监听器。的函数是同一个引用。
小程序项目使用signalR通讯
六国破灭，非兵不利 ，战不善，弊在赂秦。赂秦而力亏，破灭之道也。或曰：六国互丧，率赂秦耶？曰：不赂者以赂者丧，盖失强援，不能独完。故曰：弊在赂秦也。 秦以攻取之外，小则获邑，大则得城。较秦之所得，与战胜而得者，其实百倍；诸侯之所亡，与战败而亡者，其实亦百
11-25 3562
本质上是小程序端用websocket连接服务器端的signalR signalR.js var signalR = (function () { let recordCode = 0x1e; let recordString = String.fromCharCode(recordCode); let isConnectioned = false; let _events = new Array(); //初始化相关事件 //消息发送事件 _e.
微信小程序访问 SignalR，不需要改官方JS，uniapp版
moonlight的博客
08-03 7522
公司的接口已经集成了SignalR，再单独弄websocket需要改太多，直接引用不了官网的js，查看过源码，会用到JQuery和document，UniApp和微信小程序都不支持。有文章说官方的Core版signalR是支持小程序的方式引用了，去掉了对JQ的依赖，但是公司的项目不是Core的。 SignalR的构建就不多说了，网上多得是，原文也有。 原理：仿照官方JS访问服务器的方式，...
uni app Signalr 支持 微信小程序和支付宝小程序
playis的博客
03-21 2054
【代码】uni app Signalr 支持 微信小程序和支付宝小程序。
微信小程序与AspNetCore SignalR聊天实例代码
08-27
主要介绍了微信小程序与AspNetCore SignalR聊天实例代码,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
11-23
【微信小程序】是一种轻量级的应用开发平台，主要在微信内置环境中运行，提供了一套自己的开发框架和UI库。在【Chrome浏览器上运行微信小程序】则涉及到模拟器或插件的使用，使得开发者可以在浏览器环境下调试和预览...
使用TypeScript开发微信小程序的方法
09-01
由于微信官方尚未提供TypeScript版API，开发者社区如OneCode team为微信小程序的JavaScript API创建了类型定义文件（如`wxAPI.d.ts`）。通过引入此文件，开发者可以利用IDE的智能提示功能，如在Visual Studio中实现...
uni-app 开发的微信小程序-小兔鲜儿电商项目-uniapp-shop-vue3-ts.zip
11-04
【标题】"uni-app开发的微信小程序-小兔鲜儿电商项目-uniapp-shop-vue3-ts" 是一个基于uni-app框架构建的电商应用实例，主要用于展示如何利用uni-app技术栈来开发微信小程序。uni-app是一个多端开发框架，允许开发者...
WeChat-ChatRoom:微信小程序版聊天室
05-29
微信聊天室小程序，使用框架开发，也可以编译为其他平台的小程序 使用 # 安装依赖 yarn # 构建 yarn build:prod # 启动服务器 yarn server 之后将dist/wx文件夹导入开发者工具 自定义参数 小程序项目设置：static/wx...
供微信小程序与SignalR交互的js类库
08-12
供微信小程序与SignalR交互的js类库
Asp.Net Core SignalR 与微信小程序交互笔记
03-29
什么是Asp.Net Core SignalR Asp.Net Core SignalR 是微软开发的一套基于Asp.Net Core的与Web进行实时交互的类库，它使我们的应用能够实时的把数据推送给Web客户端。 功能 自动管理连接 允许同时广播到所有客户端 也可以广播到指定的组或者特定的客户端 在Github上开源，传送门 SignalR 提供了多种连接方式，在现代化应用中，WebSocket是最佳的传输协议，在客户端无法实现WebSocket协议的时候，SignalR就会采取其他方式，比如Server-Sent或者长轮询（在ws未出现之前，我们讨论的推拉模式） 中心 Hubs Signa
wx-drag-sort:微信小程序拖拽排序
05-09
在微信小程序开发中，实现拖拽排序功能是一个常见的需求，特别是在构建交互丰富的列表应用时。`wx-drag-sort` 是一个专门针对微信小程序设计的拖拽排序库，它利用 JavaScript 技术，使得用户可以通过直观的手势来...
.Net Webapi SignalR与微信小程序的交互
weixin_33697898的博客
10-10 854
.Net Webapi SignalR与微信小程序的交互 一、SignalR与Webapi 1、SignalR的安装： Signalr与跨域仅需要安装两个开源库 Microsoft.Owin.Cors是配置跨域需要使用到的库。 2、SignalR的配置 需要新建一个Startup.cs文件来编写配置代码，我是建在App_Start文件夹里，与其他配置...
ASP.NET Core SignalR +微信小程序整理（一）
天马3798
08-02 3680
一、官方给出的Asp.Net core SignalR 没有小程序端的代码 第三方小程序的SignalR客户端分装： https://github.com/liangshiw/SignalRMiniProgram-Client SignalRMiniSignalR.js帮助类库：使用微信小程序webSocket的api与后台建立socket连接,后端使用signalR组件建立hub（中心），...
微信小程序与AspNetCore SignalR聊天实例
dotNET跨平台
08-05 1012
微信小程序与aspnetcore signalr实例本文不对小程序与signalr做任何介绍,默认读者已经掌握aspnetcore Signalr文档小程序文档写在之前S...
uniapp vue ts 微信小程序创建项目
10-22
UniApp是一个基于 Vue 的跨平台框架，它允许开发者使用一套代码同时构建iOS、Android应用以及微信小程序。如果你想使用 TypeScript（一种强类型的JavaScript超集）来增强项目的类型安全性和可维护性，可以结合Vue和UniApp创建微信小程序项目。 以下是创建uni-app + Vue + TypeScript微信小程序项目的步骤： 1. **安装依赖**： - 安装Node.js环境，然后全局安装`uni-cli`（UniApp CLI工具）：`npm install -g @dcloudio/cli` - 如果你还没有，还需安装`vue`、`typescript` 和 `ts-node`：`npm install -D typescript ts-loader tsconfig.json` 2. **初始化项目**： ``` uni init your-project-name --type vue --ts ``` 这会生成一个新的Vue项目，并启用TypeScript支持。 3. **配置文件**： - `tsconfig.json` 文件用于配置TypeScript编译选项，如目标版本等。 - 修改`vue.config.js`中的配置，添加对TypeScript的支持，例如： ```javascript module.exports = { transpileDependencies: ['@dcloudio/uni-app-plus'], chainWebpack: config => { config.module.rule('typescript').test(/\.tsx?$/).use('ts-loader'); }, }; ``` 4. **编写代码**： 使用Vue组件和TypeScript编写小程序业务逻辑。引入`<script setup>`语法可以更方便地管理组件状态和事件处理。 5. **运行与打包**： - 开发阶段，通过`uni dev`命令启动开发服务器。 - 发布到微信小程序预览或正式发布时，使用`uni build`和`uni package`命令。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值