uni-app 中使用signalR 同时支持H5端和APP，小程序端不支持

注：推荐使用uniapp websocket原生链接signalR uniapp 原生websocket 使用 signalr - 落叶子 - 博客园 (cnblogs.com)

App端只测试了Android，ios没测试，有条件的可以测试下，测试最好能把结果告知我下，多谢

主要使用了renderjs，先在项目根目录安装signalR

1	`npm i @microsoft/signalr`

页面中的写法

<template>
    <view class="content">
        <p>webscoket 是否链接：{{connected}}</p>
        <p>收到的消息：</p>
        <p>{{msg}}</p>
    </view>
</template>
<script>
export default {
    data() {
        return {
            title: 'Hello',
            connection: null,
            connected:false,
            msg:""
        };
    },
     
    methods: {
        isConnected(res){
            this.connected=res.connected;
        },
        revMsg(res){
            this.msg=res;
        }
    }
};
</script>
 
<script lang="renderjs" module="signalr">
    const signalR = require("@microsoft/signalr");
    export default {
        mounted(){
            // 建立连接 
            this.connection =new signalR.HubConnectionBuilder()
                .withUrl("http://159.75.86.34:8082/chathub") // 此处填服务器地址
                .configureLogging(signalR.LogLevel.Information)
                .build();
             
            // 注册方法（给后端调用的，需要在methods中定义）
            this.connection.on("ReceiveMessage", this.ShowMsg);
            // 开始连接
            this.connection
                .start()
                .then((res) => {
                    console.log("Connected!a")
                    this.$ownerInstance.callMethod('isConnected', {connected: true})
                    this.connection.invoke("SendMessage", "hello world")
                })
                .catch((err) => {
                    console.log(err)
                });
        },
        methods: {
            ShowMsg(msgInfo) {
                this.$ownerInstance.callMethod('revMsg', msgInfo)
                console.log(msgInfo)
            }
        }
    }
</script>
 
<style>
    .content{
        padding-left: 20rpx;
    }
</style>