signalr-for-wx
v1.1.6
Published
.NET Core SignalR client for wechat miniprogram
Downloads
396
Maintainers
Readme
@aspnet/signalr for wechat miniprogram
copy from @aspnet/signalr
使用
- install
yarn add signalr-for-wx
- 执行小程序 npm 包 编译
- use | 参考官方文档
- 小程序使用 需要直接从
miniprogram_npm/signalr-for-wx/index
中引用,不然在真机运行时,报signalr-for-wx is not defined.
Example (use for wechat miniprogram)
官方 API
- (yarn libiary)[https://yarnpkg.com/en/package/@aspnet/signalr]
- (github)[https://github.com/SignalR/SignalR]
修改后差异使用示例
// import - 这里需要从 miniprogram_npm 引入,小程序包引入问题还没解决
import * as signalr from "miniprogram_npm/signalr-for-wx/index";
// 默认连接示例
const socket = new signalr.HubConnectionBuilder()
.configureLogging(1)
.withUrl(`${config.baseUrl}/socket`)
.build();
// 替换参数示例
this.socket = new signalr.HubConnectionBuilder()
.configureLogging(1)
.withUrl(`${config.baseUrl}/socket`, {
logger, // 自定义Ilogger [遵循官方即可]
request, // 可选, 替换默认请求库
socketUrlFactory: async url => {
// 注意: 差异部分, 用于替换原有 accessTokenFactory() 在 后端修改 access_token 参数情况下,替换socket链接url使用.
return url;
}
})
.build();
// invoke 具体看官方示例
this.socket.invoke('mothod name',(...args)=>{});
// 事件绑定/解绑 on|off
this.socket.on('message event name',(...args) => {});
this.socket.off('message event name');
// 新增绑定唯一事件
this.socket.on(`message event name`,(...args)=> {/* callback */} , true);
// onclose
this.socket.onclose((err)=>{
// TODO ...
});
// 其他的看官方示例吧.基本没改动
自定义 request
- 参数请参考 axios 官方示例 (github)[https://github.com/axios/axios]
// 改写 axios 实现
export const request = new signalr.Request(
{
baseUrl: ``,
timeout: 60 * 1000,
headers: { tenantId: config.abpTenantId, "content-type": "application/json" },
transformRequest: [ // 支持 async/await
async (options:RequestOptions) =>{
options.url = `new url`;
// TODO ...
}
],
transformResponse: [ // 支持 async/await
async (response:ResponseOptions)=>{
// TODO 处理 response
// 如果 return Promise.reject() 或 抛出异常,则停止后续 响应处理
}
],
responseType: signalr.ResponseType.JSON,
method: signalr.RequestMethod.GET
},
new Ilogger() // logger 接口实现,可不传
);
library
原始项目地址 @aspnet/signalr
notes
基于@aspnet/signalr ts client 源码实现,操作方式参考
@aspnet/signalr
代码改动还不完善 有 bug 的话,github 上帮忙提下 issue issues link
自己编译的话,执行
yarn build:wx
即可.
变更内容
- 引入 微信 ts library ./typings/**,修改了编译指向为
./src/**/*.ts
- 将 引用 parent project 的 配置项,引入项目内,直接使用。
- 关闭了一些 tslint 检测,同时删除了原有的编译 esm,cjs ... 编译命令,引入新的
build:wx
命令 - 引入了封装了的
wx-request
请求库, 参考 axios 官方示例 (github)[https://github.com/axios/axios] - (core) 注意,重写的主要内容包含两块, 1. 删除原有的 HttpClient 实现,引入 wx-request, 2. 删除原有 WebSocket 及 socket 事件绑定,修改为微信支持的 wx.connectSocket() 方法
- (remove) 删除了 项目中兼容 node,browser 的文件,方法. 如:
browser-index.ts
和Buffer
对象兼容 - 加上了山寨版的中文注释
- 重写后的 about() 方法支持的不太完善.因为不清楚 wx.requestTask 运行机制,仅能在
请求前
,获得响应后
,headers变化时
,判断是否需要中断请求 - (2019 年 12 月 13 日 23:09:18 新增) 增加
socketUrlFactory()
参数, 用来解决后端修改access_token
字段的情况.
path manifest
┌\n ├ ./wx 修改后的源码路径\n ├ ─ ./wx/wx-request 封装微信请求库\n ├ \n ├ ./library 微信小程序 lib.d.ts\n ├ ./src 原始源码路径, 但是现在没法编译了,因为改写了 tsrootpath.\n ├ ./dist 编译后的 js 包, es 版本, 没其他的\n ├ ./typings 导出的 ts .d.ts\n
version
2020年1月15日 14:19:31
- request请求修改了下入参类型,增加了 第三个参数 any类型.
2020 年 1 月 1 日 22:37:11
- 新增 on() 绑定唯一事件, use:
socket.on('event',()=>{/* callback*/},true);
- 改动位置:code link
- 新增 on() 绑定唯一事件, use:
2019 年 12 月 14 日 12:37:39
- 补充更新 wx-request 对 transform 方法增加 async/await 支持.
- 2019 年 12 月 13 日 23:03:01
- 公司用的
signalr-for-wx
的小程序交互的小程序已经进入测试了, 开发阶段使用没出过什么问题,文档参考原版就行. IHttpConnectionOptions.ts
增加可选参数socketUrlFactory
用来解决后端修改access_token
字段的情况.
- 2019 年 12 月 9 日 16:39:33 (有改动)
- 因为这个库超过了 100kb,导致直接在小程序项目中
require("signalr-for-wx")
在真机运行时,报signalr-for-wx is not defined.
错误。 原因是因为
- 2019 年 12 月 6 日 13:26:01
今天改了下 bug,然后修改了原生实现自定义
Transport
方法, 目前,实现自定义Transport
需要继承对应的 Transport class,或者 实现对应的[WxSocket|LongPolling]TransportOptions]
还有就是,修改了Transport
构造函数,将原有的传入多参数封装成为options
,可以引用自定义实现的 options 来创建传输实例了.