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 已关闭!');
        });
    },
相关推荐
笨笨狗吞噬者26 分钟前
【uniapp】小程序体积优化,分包异步化
前端·微信小程序·uni-app
00后程序员张26 分钟前
iOS 26 开发者工具推荐,构建高效调试与性能优化工作流
android·ios·性能优化·小程序·uni-app·iphone·webview
游九尘2 小时前
uniapp安卓端+ fastapi(后端)获取到设备的ip
uni-app·fastapi
性野喜悲2 小时前
<script setup lang=“ts“>+uniapp实现轮播(swiper)效果
前端·javascript·vue.js·小程序·uni-app
2501_916008892 小时前
iOS 26 文件导出与数据分析,多工具组合下的开发者实践指南
android·macos·ios·小程序·uni-app·cocoa·iphone
2501_916008892 小时前
iOS混淆实战用多工具组合把IPA加固做成可复用的工程能力(iOS混淆 IPA加固 无源码混淆
android·ios·小程序·https·uni-app·iphone·webview
wangdaoyin20102 小时前
UniApp 在手机端(Android)打开选择文件和文件写入
android·前端·uni-app
非凡的世界2 小时前
ThinkPHP6 集成TCP长连接 GatewayWorker
网络·网络协议·tcp/ip·gateway·thinkphp·worker·workman
21号 14 小时前
C++ 从零实现Json-Rpc 框架
网络协议·rpc·json
Yeats_Liao4 小时前
Go Web 编程快速入门 11 - WebSocket实时通信:实时消息推送和双向通信
前端·后端·websocket·golang