微信小程序使用STOMP(WebSocket)

最新推荐文章于 2024-09-25 14:49:01 发布
最新推荐文章于 2024-09-25 14:49:01 发布
阅读量1.1w 收藏 9
点赞数 2
文章标签： websocket stomp wss 小程序 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kinsxkins/article/details/79303843
版权
本文介绍了微信小程序在使用STOMP和WebSocket时遇到的问题及解决方案，包括连接后自动断开、手机远程调试连接失败的情况。重点讨论了Nginx的WebSocket反向代理配置，并提供了小程序WebSocket的官方说明和示例代码。
摘要由CSDN通过智能技术生成

微信小程序使用STOMP(WebSocket)

小程序的WebSocket API跟一般浏览器的有点差别，存在一些限制。本文主要涉及小程序使用STOMP时注意事项。

基础

  • 小程序需要维护两个状态:

    • 微信服务器登录状态
    • 第三方（即我们自己服务器）的登录状态

  • 小程序使有wx.request()来发起请求，使用wx.connectSocket()创建WebSocket连接

    • wx.request()不会自动加上cookie来，可以自己加cookie到header或使用其他session标识
    • wx.connectSocket()跟wx.request()类似，handshake时加上session标识

  • 真实环境需要在微信平台预设相关域名，必须使用TLS，即使用https、wss协议。开发调试时可以不限制。

使用STOMP与WebSocket遇到的问题

问题1: 连接成功后，很快自动断开

因为刚开始使用STOMP时，同事在网上找到以下代码。出现问题我打开代码看了一下，刚看到肯定都觉得两个空方法很奇怪，原来不写会报错。打开stomp.js一看，很快找到原因，setInterval是用来发心跳包的，而小程序没有window对象。

网络文章

var Stomp =
最低0.47元/天 解锁文章
Kin神
关注
微信小程序网络之WebSocket（场景篇）（6）
hahahhahahahha123456的博客
12-02 949
1.WebSocket 是什么 WebSocket一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并被RFC7936所补充规范，WebSocketAPI被W3C定为标准。WebSocket 是独立的、创建在 TCP 上的协议，和 HTTP 的唯一关联是使用 HTTP 协议的101状态码进行协议切换，使用的 TCP 端口是...
c语言实现stomp协议客户端,Uni APP微信小程序websocket stomp.js
weixin_35968572的博客
05-22 485
创建如下文件websocket.js：let socketOpen = false;let socketMsgQueue = [];export default {client: null,baseURL: 'ws://localhost:8080/stomp',init() {if (this.client) {return Promise.resolve(this.client);}retur...
如何在微信小程序的websocket上使用stomp协议1
08-03
如何在微信程序的websocket上使stomp协议stomp和mqtt功能样，都是来订阅和发布消息的，只是前者是基于本字符串的协议，后者是基于进制的协议上篇章
微信小程序的websocket使用stomp协议--简单实用的npm包
AEI的博客
02-24 6218
需求背景 在公司实习期间，要求做一个小程序的websocket连接，用于设备的实时控制和状态查询。 其中后端使用的是stomp协议，而微信小程序是不支持stomp协议的。但是当我知道的时候，后端已经全部调好只等我接入了… 由于小程序的心跳机制和浏览器略有不同，其原生的websocketAPI对于stomp协议也不支持。所以就萌生了封装一个适用于stomp协议的websocketapi的想法 实现过程 解决心跳机制问题 由于小程序的没有window对象，而前端的stompjs使用到的心跳机制是依赖于windo
微信小程序-WebSocket
最新发布
xiangxiongfly
09-25 2095
微信小程序官方提供了 WebSocket API，允许服务器主动向微信小程序发送消息。
微信小程序使用stomp.js实现STOMP传输协议的实时聊天
你好！刘斩仙
08-29 4227
本来使用websocket，后端同事使用了stomp协议，导致前端也需要对应修改。
Uniapp开发微信小程序封装stomp到websocket
宇珩的博客
06-09 721
STOMP是一种简单、基于文本的消息传递协议，通常用于与消息代理（Message Broker）进行通信。基于文本：命令和消息都是纯文本格式，易于调试和阅读。简单的协议：包含少量的命令，易于实现和使用。与消息代理交互：STOMP通常用于在客户端和消息代理之间进行通信，支持发布/订阅模式。连接到STOMP服务器使用connect方法可以连接到STOMP服务器。这个方法接受连接头信息、连接成功回调和连接错误回调。连接成功后，可以订阅消息、发送消息等。断开连接使用disconnect。
详解微信小程序实现WebSocket心跳重连
10-18
主要介绍了详解微信小程序实现WebSocket心跳重连，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Springboot 整合 WebSocket ，使用STOMP协议 ，前后端整合实战 （一）(1)
2401_84092456的博客
04-20 683
你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。我特地针对初学者整理一套前端学习资料，免费分享给大家，戳这里即可免费领取资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**
Springboot+Websocket+Stomp实现PC兼容,及微信小程序连接
沉浸式Study
09-25 2667
导入maven依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency> 配置websocket import ...
SpringBoot下websocket链接，Stomp模式支持web端跟微信小程序端同时连接
shengfakun1234的专栏
12-11 923
最近做物联网项目，需要用到websocket长连接，开始时是先做的PC端（基于VUE+ElementUI）的，考虑到使用方便就选用了stomp模式， 后来客户又要上小程序，就在做微信端链接websocket的时候，遇上问题了，居然连不上websocket服务，一直报错： failed: Error during WebSocket handshake: Unexpected response code: 200 本来PC端链接一直好好的，一开始以为是微信端的问题呢，一番度娘后，发现真是服务端问题，微信
微信小程序websocket聊天
03-01
微信小程序websocket聊天前端实现，可以发语音、图片、文字。
微信小程序—基于websocket的聊天框
01-07
一款基于websocket的微信小程序聊天框，可以实现一对一实时聊天
WebSocket测试小程序
11-15
WebSocket测试小程序WebSocket测试小程序WebSocket测试小程序WebSocket测试小程序
uniapp微信小程序使用stomp.js实现STOMP传输协议的实时聊天
你好！刘斩仙
08-29 3249
原生微信小程序中使用本来使用websocket，后端同事使用了stomp协议，导致前端也需要对应修改。
小程序通过stomp操作activemq
SHI-L
06-03 1699
pass
java中集成sockjs、stomp前端pc（vue）、h5和微信小程序连接
ycg的博客
05-12 2373
后端代码 import cn.hutool.core.util.ObjectUtil; import cn.hutool.core.util.StrUtil; import lombok.AllArgsConstructor; import lombok.extern.slf4j.Slf4j; import org.springframework.context.annotation.Configuration; import org.springframework.messaging.Message; i
微信小程序: WebSocket应用
书写人生
05-16 1974
WebSocket是什么（简述） 微信的WebSocket接口和HTML5的WebSocket基本一样，是HTTP协议升级来的，做为一个新的Socket在B/S上使用，它实现了浏览器与服务器全双工通信。 因为这里是做小程序，所以就不对WebSocket的底层和协议做过多的说明了，只是稍微介绍一下。想了解详细的WebSocket可以参考如下： WebSocket 协议
【stomp 实战】Spring websocket 用户订阅和会话的管理源码分析
程序员笔记
04-30 1158
通过我们学会了如何将业务会话绑定到spring websocket会话上。通过这一节，我们来分析一下会话和订阅的实现。
帮我写一个 微信小程序接收stomp的例子
03-11
好的，我可以回答这个问题。以下是一个简单的微信小程序接收 stomp 的例子： 1. 在小程序的 app.js 中引入 stomp.js 库： ``` const Stomp = require('./utils/stomp.js').Stomp; ``` 2. 在 app.js 中创建一个 stomp 客户端： ``` const client = Stomp.client('ws://localhost:8080/stomp'); ``` 3. 在 app.js 中连接 stomp 客户端： ``` client.connect({}, function(frame) { console.log('Connected: ' + frame); }); ``` 4. 在页面中订阅 stomp 消息： ``` client.subscribe('/topic/messages', function(message) { console.log('Received: ' + message.body); }); ``` 5. 在页面中发送 stomp 消息： ``` client.send('/app/send', {}, JSON.stringify({ 'message': 'Hello, world!' })); ``` 以上就是一个简单的微信小程序接收 stomp 的例子。希望对你有帮助。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值