背景

如题，这可能算是.net 做小程序的服务端时，绕不开的一个问题，老生常谈了。同样的问题，我记得我2018/19年的一个项目的解决方案是：

修改官方的SignalR.js的客户端：把里面用到浏览器的Websocket改成微信小程序的官方api的。目前网上也有不少这样的方案，已经改好开源了；这种方案的缺点是可能有一段时间了，可能跟目前自己的服务端版本不兼容，跟目前自己微信小程序的运行环境不兼容。或者已经有些隐藏bug等等，用上写好业务了再发现bug头疼得很。使用起来很没有安全感；

我现在这里的方案是:

直接使用微信小程序的Websocket的原生api与服务端通信；

原生api文档：https://developers.weixin.qq.com/minigame/dev/api/network/websocket/wx.connectSocket.html

服务端

运行环境：.net core 6 On Linux（k8s）ubuntu 18.04

目前已有一个SignalR的Hub：SmartCutHub.cs

微信小程序如何使用原生Websocket Api与Asp.Net Core SignalR 通信

可以看到只有红圈函数GenerateVideoscript接收一个强类型的参数：GenerateVideoScriptDto

ps：强类型参数传参时跟webapi一样用json对象即可；

Program.cs注册：

app.MapHub<SmartCutHub>(\"/ws/smartcut\");

//所以路由是 ws://localhost:5055/ws/smartcut

小程序端

创建连接

这里代码是用的微信小程序原生api，请参考文档

var wsUrl = \"ws://localhost:5055/ws/smartcut\";


//创建连接
var conn= await wx.connectSocket({
url: wsUrl,
fail(err)
{
console.error(err)
},
success
{
console.info(wsUrl \"链接成功\")
}
})

//创建连接成功 this.connection=conn; let that=this;

发送消息

这里的步骤不能省略

conn.onOpen(function (res) { console.log(\"SocketOpened\");


//先要确认协议，版本
that.sendStrMsg(\"{\"protocol\":\"json\",\"version\":1}\");
//确认类型
that.sendStrMsg(\"{\"type\":6}\");

//再发送消息内容 that.sendStrMsg(\"{\"arguments\":[{\"scriptType\":\"口播类\",\"productName\":\"许愿池的王八\",\"productSpecialty\":\"在水里，爱许愿，晒太阳\",\"sceneCount\":5,\"sceneMini\":5,\"sceneMax\":10,\"remark\":\"\",\"language\":\"zh\",\"generateCount\":10}],\"invocationId\":\"0\",\"target\":\"GenerateVideoScript\",\"type\":1}\"); })

注意这里的消息内容就是要求下格式：

{ \"arguments\": [{ \"name\": \"wang\" }], //你的参数 \"invocationId\": \"0\", \"target\": \"GenerateVideoScript\", //服务端方法名 \"type\": 1 }

发送消息函数

//这里发送字符串到服务端 sendStrmsg(msg) { //连接成功后就示例好了 if(this.connection) { console.info(\"准备发送：\" msg); this.connection.send({ data: msg \"\", //注意，msg这里后面这个特殊的字符不能省略 fail(err) { console.error(err) }, success(res) { console.info(res) }, complete(res) { console.info(res) } }); } else { console.error(\"ws连接不存在\"); } }