ASP.NET Core在支付宝小程序中使用signalR

Github有一个经过重写的微信小程序SignalR的js类库

https://github.com/liangshiw/SignalRMiniProgram-Client

于是我把他改成支付宝小程序的版本，上面这个项目的核心代码基本没有变，只是小程序开放接口改了一下，在支付宝小程序就能跑起来了

把下面的js代码复制到你的支付宝小程序即可（使用方法在下面）：

【代码】

const protocal = {
  protocol: "json",
  version: 1
};

const MessageType = {
  /** Indicates the message is an Invocation message and implements the {@link InvocationMessage} interface. */
  Invocation: 1,
  /** Indicates the message is a StreamItem message and implements the {@link StreamItemMessage} interface. */
  StreamItem: 2,
  /** Indicates the message is a Completion message and implements the {@link CompletionMessage} interface. */
  Completion: 3,
  /** Indicates the message is a Stream Invocation message and implements the {@link StreamInvocationMessage} interface. */
  StreamInvocation: 4,
  /** Indicates the message is a Cancel Invocation message and implements the {@link CancelInvocationMessage} interface. */
  CancelInvocation: 5,
  /** Indicates the message is a Ping message and implements the {@link PingMessage} interface. */
  Ping: 6,
  /** Indicates the message is a Close message and implements the {@link CloseMessage} interface. */
  Close: 7,
}


export class HubConnection {

  constructor() {
    this.openStatus = false;
    this.methods = {};
    this.negotiateResponse = {};
    this.url = "";
    this.invocationId = 0;
    this.callbacks = {};
  }

  start(url, queryString) {
    var negotiateUrl = url + "/negotiate";
    if (queryString) {
      for (var query in queryString) {
        negotiateUrl += (negotiateUrl.indexOf("?") < 0 ? "?" : "&") + (`${query}=` + encodeURIComponent(queryString[query]));
      }
    }
    my.request({
      url: negotiateUrl,
      method: "POST",
      success: (res) => {
        this.negotiateResponse = res.data;
        this.startSocket(negotiateUrl.replace("/negotiate", ""));
      },
      fail: (res) => {
        console.error(`requrst ${url} error : ${res}`);
      }
    });
  }

  startSocket(url) {
    url += (url.indexOf("?") < 0 ? "?" : "&") + ("id=" + this.negotiateResponse.connectionId);
    url = url.replace(/^http/, "ws");
    this.url = url;
    if (this.openStatus) {
      return;
    }

    console.log(url);

    my.connectSocket({
      url: url
    })

    my.onSocketOpen(res => {
      console.log(`websocket connectioned to ${this.url}`);
      this.sendData(protocal);
      this.openStatus = true;
      this.onOpen(res);
    });

    my.onSocketClose(res => {
      console.log(`websocket disconnection`);
      this.openStatus = false;
      this.onClose(res);
    });

    my.onSocketError(res => {
      console.error(`websocket error msg: ${res}`);
      this.close({
        reason: res
      });
      this.onError(res)
    });

    my.onSocketMessage(res => this.receive(res));
  }

  on(method, fun) {

    let methodName = method.toLowerCase();
    if (this.methods[methodName]) {
      this.methods[methodName].push(fun);
    } else {
      this.methods[methodName] = [fun];
    }
  }

  onOpen(data) { }

  onClose(msg) { }

  onError(msg) { }

  close(data) {
    if (data) {
      console.error('closed socket: ' + data.reason);
    }

    my.closeSocket();

    this.openStatus = false;
  }

  sendData(data, success, fail, complete) {
    my.sendSocketMessage({
      data: JSON.stringify(data) + "", //
      success: success,
      fail: fail,
      complete: complete
    });
  }


  receive(data) {
    if (data.data.length > 3) {
      data.data = data.data.replace('{}', "")
    }

    var messageDataList = data.data.split("");

    //循环处理服务端信息
    for (let serverMsg of messageDataList) {
      if (serverMsg) {
        var messageData = serverMsg.replace(new RegExp("", "gm"), "")
        var message = JSON.parse(messageData);

        switch (message.type) {
          case MessageType.Invocation:
            this.invokeClientMethod(message);
            break;
          case MessageType.StreamItem:
            break;
          case MessageType.Completion:
            var callback = this.callbacks[message.invocationId];
            if (callback != null) {
              delete this.callbacks[message.invocationId];
              callback(message);
            }
            break;
          case MessageType.Ping:
            // Don't care about pings
            break;
          case MessageType.Close:
            console.log("Close message received from server.");
            this.close({
              reason: "Server returned an error on close"
            });
            break;
          default:
            console.warn("Invalid message type: " + message.type);
        }
      }
    }
  }

  send(functionName) {
    var args = [];
    for (var _i = 1; _i < arguments.length; _i++) {
      args[_i - 1] = arguments[_i];
    }

    this.sendData({
      target: functionName,
      arguments: args,
      type: MessageType.Invocation,
      invocationId: this.invocationId.toString()
    });
    this.invocationId++;
  }

  invoke(functionName) {
    var args = [];
    for (var _i = 1; _i < arguments.length; _i++) {
      args[_i - 1] = arguments[_i];
    }

    var _this = this;
    var id = this.invocationId;
    var p = new Promise(function(resolve, reject) {

      _this.callbacks[id] = function(message) {
        if (message.error) {
          reject(new Error(message.error));
        } else {
          resolve(message.result);
        }
      }

      _this.sendData({
        target: functionName,
        arguments: args,
        type: MessageType.Invocation,
        invocationId: _this.invocationId.toString()
      }, null, function(e) {
        reject(e);
      });

    });
    this.invocationId++;
    return p;
  }

  invokeClientMethod(message) {
    var methods = this.methods[message.target.toLowerCase()];
    if (methods) {
      methods.forEach(m => m.apply(this, message.arguments));
      if (message.invocationId) {
        // This is not supported in v1. So we return an error to avoid blocking the server waiting for the response.
        var errormsg = "Server requested a response, which is not supported in this version of the client.";
        console.error(errormsg);
        this.close({
          reason: errormsg
        });
      }
    } else {
      console.warn(`No client method with the name '${message.target}' found.`);
    }
  }
}

【使用方法】

const hub = require('../../utils/signalr.js');

const connection = new hub.HubConnection();

//注意：这里的apiHost不是wss或ws，是https或http
connection.start(`${apiHost}/yourHub`, { access_token: '如果有token则填写' });

connection.onOpen = res => {
    my.showToast({
         content: '成功开启连接'
     });
}

connection.on('服务器的回调方法', (errorCode) => {
      my.showToast({
           content: errorCode
       });
        console.log(errorCode);
});

connection.send('Hub中的方法', '参数1', '参数2');