uniapp如何发送websocket请求

方法1:

javascript 复制代码
onLoad() {
        uni.connectSocket({
            url: 'ws://127.0.0.1:8000/ws/stat/realTimeStat/',
            success: (res) => {
                console.log('connect success', res);
            }
        });
        uni.onSocketOpen(function (res) {
            console.log('WebSocket连接已打开!');
            uni.sendSocketMessage({
                data: JSON.stringify({'username': 'realTimeStat', 'msg': 'stat'}),
                success: (res) => {
                    console.log('send success', res);
                }
            });
        });
        uni.onSocketMessage(function (res) {
            console.log('收到服务器内容:' + res.data);
        })
        uni.onSocketError(function (res) {
            console.log('WebSocket连接打开失败,请检查!');
        });
        uni.onSocketClose(function (res) {
            console.log('WebSocket 已关闭!');
        });
    },

方法2

javascript 复制代码
onLoad() {
        const socketTask = uni.connectSocket({
            url: 'ws://127.0.0.1:8000/ws/stat/realTimeStat/',
            success: (res) => {
                console.log('connect success', res);
            }
        });
        socketTask.onOpen(function (res) {
            console.log('WebSocket连接已打开!');
            socketTask.send({
                data: JSON.stringify({'username': 'realTimeStat', 'msg': 'stat'}),
                success: (res) => {
                    console.log('send success', res);
                }
            });
        });
        socketTask.onMessage(function (res) {
            console.log('收到服务器内容:' + res.data);
        })
        socketTask.onError(function (res) {
            console.log('WebSocket连接打开失败,请检查!');
        });
        socketTask.onClose(function (res) {
            console.log('WebSocket 已关闭!');
        });
    },
相关推荐
可乐加.糖16 小时前
一篇关于Netty相关的梳理总结
java·后端·网络协议·netty·信息与通信
吴盐煮_16 小时前
使用UDP建立连接,会存在什么问题?
网络·网络协议·udp
getyefang16 小时前
uniapp如何接入星火大模型
ai·uni-app
@PHARAOH16 小时前
WHAT - uni-app 条件编译技术
小程序·uni-app·条件编译
hunzi_119 小时前
选择网上购物系统要看几方面?
java·微信小程序·小程序·uni-app·php
忆源19 小时前
SOME/IP-SD -- 协议英文原文讲解9(ERROR处理)
网络·网络协议·tcp/ip
芭拉拉小魔仙21 小时前
Uniapp Vue3 小程序接入实时音视频TUICallKit遇到的问题
小程序·uni-app·实时音视频
goto_w1 天前
uniapp上使用webview与浏览器交互,支持三端(android、iOS、harmonyos next)
android·vue.js·ios·uni-app·harmonyos
小宝小白1 天前
【vue3】黑马小兔鲜儿项目uniapp navigationStyle
uni-app
低头不见1 天前
tcp的粘包拆包问题,如何解决?
网络·网络协议·tcp/ip