论如何在 uni-app 上使用 sockjs 以及 stomp(顺便)

最新推荐文章于 2025-06-18 19:57:26 发布
原创 最新推荐文章于 2025-06-18 19:57:26 发布 · 4.8k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uni-app #stomp #sockjs

本项目提供了一个在uni-app环境下兼容WebSocket的解决方案，通过简单的实现让sockjs+stomp能在iOS APP、浏览器及小程序中正常运行。关键代码位于js/websocket-uni.js，通过造一个WebSocket对象来兼容uni的API。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

GitHub 项目

本项目可在uni-app 环境上兼容 WebSocket api, 使 sockjs+stomp 可如浏览器环境一般正常运行

该方式原理极其简单, 目前简单测试一切 ok, 关键代码在 js/websocket-uni.js 中, 在其中造一个 WebSocket 对象兼容 uni 的 API 即可

本项目可运行在 IOS APP 上(模拟器亲测) 以及 浏览器上(浏览器本身就支持 WebSocket), 小程序目测也是 ok的(小程序的 api 被 uni 封装过了, 所以应该是 ok 的)

另照此方式, 理论上 写个 websocket-wxmini.js , 然后拿到纯微信小程序上跑目测也是可行的, 单由于本人 996 日夜操劳, 就不亲测了!!

uniapp 使用Stomp搭建WebSocket
HXH_csdn的博客
10-13 2096
在使用 Stomp 的过程中遇到了好多坑，H5可以正常运行，但是手机上就报错了 首先使用H5的写法Stomp + SockJS //原生window的WebSocket import {WebSocketPolyfill} from '@/common/js/websocket-polyfill.js' //npm下载的插件 import SockJS from "sockjs-client" import Stomp from 'stompjs' let global = {} global.We
uniapp引用外部js_UNIAPP使用SockJS和Stomp不完全指北
weixin_42353996的博客
01-01 3737
前言如果只是初步使用websocket进行一些简单的业务逻辑交互，此文章可以直接跳过，它将不会给你带来太多的帮助。如果只是初步使用websocket进行一些简单的业务逻辑交互，此文章可以直接跳过，它将不会给你带来太多的帮助。如果只是初步使用websocket进行一些简单的业务逻辑交互，此文章可以直接跳过，它将不会给你带来太多的帮助。重要的事情说三遍本文内容较多，主要是一些试错的全过程，并且全程在小...
uniapp使用stomp.js链接WebSocket连接hook
最新发布
qq_57052578的博客
06-18 304
这篇是使用stomp.js组件库连接WebSocket，为了兼容后端框架使用。但由于uni-app的。与 STOMP 客户端不兼容。所以需要写一个适配器。
uni-app 在APP环境下使用SockJs
qq_40783703的博客
02-22 1154
uni-app在h5可以使用SockJs，但在app环境下无法使用，因SockJs源码有些方法引用了window对象，在app环境下无window对象， 解决方式： 通过webView加载本地网页，网页中使用SockJs，接收到消息后网页再与uni-app通信 ...
uniapp使用sockjs无法连接socket
m0_63477273的博客
01-08 315
uniapp使用sockjs无法连接socket
uniapp微信小程序结合stompjs
qq_62436070的博客
04-26 503
等 Web API，而微信小程序并不直接支持这些 API。需要在main.js上引入Polyfill并挂载全局。由于uniapp创建的ws不能直接供stompjs使用，需要进行一下封装。小程序使用stompjs，先导入@stomp/stompjs。使用uniapp提供的api创建webosocket。原因是Stompjs依赖于。
uniapp 解决请求出现 /sockjs-node/info?t=问题
风吹稻花香的博客
08-13 1257
不过uni-app 项目里没有这个库，这个库是在开发工具里，不想去里面翻找，想着之前不报这个错，现在报错了，肯定和添加了web端有关系，于是去看了下源码视图，看了下h5下的https:true,报错的地址是http的，将https:true改为https:false，或者直接注销，报错就没有了。这个错误在是vue2开发H5的时候遇到过，当时处理方法是注销sockjs里的一段代码。最近使用uniapp 开发的项目需要添加web端，测试的时候就会出现接口报错。
uniapp + uni-app + sockjs + stomp
04-29
整合过程通常涉及到对uniapp框架的配置和扩展，以及对SockJS和STOMP库的集成。开发者可能需要查阅相关文档，了解如何在uniapp中初始化SockJS连接，并通过STOMP协议与服务器端建立消息订阅和发布关系。 uniapp结合...
react-stomp:通过SockJs对STOMP协议进行ReactWebsocket组件
05-02
npm install --save react-stomp 用法示例 import React from 'react' ; import SockJsClient from 'react-stomp' ; class SampleComponent extends React . Component { constructor ( props ) { super ( props )...
react-im：基于Create-React-App，React，Redux等的即时消息前端。…React-Router，Websocket，SockJS和STOMP
02-05
技术文档（技术文档）： 创建React应用doc： ： github的： : 兼容性（react-app-polyfill） doc： ： github： : Reactdoc： ： react-redux doc： ： React路由器4.x doc： ： github： : sockjs github的： : sto...
webstomp-echoserver-example:在 SockJS 上使用 STOMP 的示例
06-16
要运行此演示，您必须在 localhost 上运行 RabbitMQ 代理服务并启用插件。 安装 运行以下 shell 命令： git clone https://github.com/gdaws/webstomp-echoserver-example.git cd webstomp-echoserver-example ...
SockJS和Stomp建立Websocket连接
xccevol的博客
08-26 598
如果是TS的项目可能会报：无法找到模块“sockjs-client/dist/sockjs.min.js”的声明文件。“c:/STMF/dev-3/smart-monitor-engine-web/node_modules/sockjs-client/dist/sockjs.min.js”隐式拥有 "any" 类型。的新声明(.d.ts)文件ts(7016)(如果存在)，或者添加一个包含。
uniapp微信小程序使用stomp.js实现STOMP传输协议的实时聊天
你好！刘斩仙
08-29 4263
原生微信小程序中使用本来使用websocket，后端同事使用了stomp协议，导致前端也需要对应修改。
uniapp websocket的使用和封装
qq_43371595的博客
12-19 4048
在uniapp中socket分为两种形式，第一种适用于只有一个socket链接，第二种适用于多个socket链接。这里以socketTask为列子封装。
uniapp使用WebSocket uniapp使用WebSocket Uniapp整合WebSocket uniapp使用 websocket
半只
07-29 5003
代码中的示例只在 H5、APP环境下成功运行，小程序环境下如果无效，需要使用预编译 - 条件性的编译，适配 小程序环境#ifdef H5：针对 Web H5页面。：针对原生应用（Android 和 iOS）。：针对微信小程序。：针对支付宝小程序。：针对百度小程序。：针对字节跳动小程序。：针对 QQ 小程序。：针对快手小程序。：针对京东小程序。
【uni-app多端】修复stmopjs下plus-websocket无心跳的问题
applebomb的专栏
11-20 754
跟踪连接，会发现连接都会在大约40s后掉线断开，然后由于stompjs保活机制又进行重连。在重连过程中，对应的消息接收不到。导致出现部分消息丢失的情况。目前解决的办法，是自己实现一个心跳逻辑，每隔指定的时间发送。按照文章的方式，能够实现APP下stmopjs长连接。但是有一个问题，就是会频繁输出。然后在onConnect后激活心跳。这样就解决了掉线问题。
Uniapp开发微信小程序封装stomp到websocket
宇珩的博客
06-09 1268
STOMP是一种简单、基于文本的消息传递协议，通常用于与消息代理（Message Broker）进行通信。基于文本：命令和消息都是纯文本格式，易于调试和阅读。简单的协议：包含少量的命令，易于实现和使用。与消息代理交互：STOMP通常用于在客户端和消息代理之间进行通信，支持发布/订阅模式。连接到STOMP服务器使用connect方法可以连接到STOMP服务器。这个方法接受连接头信息、连接成功回调和连接错误回调。连接成功后，可以订阅消息、发送消息等。断开连接使用disconnect。
uniapp消息队列可以使用啥技术
emma20080101的博客
12-12 225
总之，UniApp没有内置的消息队列功能，但你可以通过使用第三方库、WebSocket或本地存储来实现消息队列的功能。使用本地存储：如果你只需要在UniApp中的不同页面之间传递消息，你可以使用本地存储（Local Storage）来实现。在UniApp中，消息队列不是内置的特性，但你可以使用第三方库来实现这个功能。UniApp是一个基于Vue.js开发的跨平台应用框架，它可以帮助开发者使用Vue.js开发一次，即可在多个平台上进行部署，如iOS、Android、H5等。
React-Stomp实现SockJs与STOMP协议的消息通信
"react-stomp-master"表示react-stomp库的源代码压缩包文件名为"react-stomp-master"。这个文件可能包含了库的全部源代码以及构建和测试脚本等。 ### 结论 react-stomp库通过SockJs实现了STOMP协议的客户端，使得...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值