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

最新推荐文章于 2024-05-24 11:11:28 发布
最新推荐文章于 2024-05-24 11:11:28 发布
阅读量4.4k 收藏 4
点赞数 1
分类专栏： uni-app 文章标签： uni-app stomp sockjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guddqs/article/details/98091651
版权

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 日夜操劳, 就不亲测了!!

7圈电池
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
uniapp 使用Stomp搭建WebSocket
HXH_csdn的博客
10-13 1731
在使用 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 3409
前言如果只是初步使用websocket进行一些简单的业务逻辑交互，此文章可以直接跳过，它将不会给你带来太多的帮助。如果只是初步使用websocket进行一些简单的业务逻辑交互，此文章可以直接跳过，它将不会给你带来太多的帮助。如果只是初步使用websocket进行一些简单的业务逻辑交互，此文章可以直接跳过，它将不会给你带来太多的帮助。重要的事情说三遍本文内容较多，主要是一些试错的全过程，并且全程在小...
如何在微信小程序的websocket上使用stomp协议1
08-03
如何在微信程序的websocket上使stomp协议stomp和mqtt功能样，都是来订阅和发布消息的，只是前者是基于本字符串的协议，后者是基于进制的协议上篇章
Nodejs+Websocket+uniapp完成聊天
最新发布
阿宝的博客
05-24 733
最近想做一个聊天，但是网上的很多都是不能实现的，要么就是缺少代码片段很难实现websocket的链接，更别说聊天了。自己研究了一番之后实现了这个功能。值得注意的是，我想在小程序中使用socket.io，不好使，可能是个人技术不到位的问题吧，没有实现。但是使用websocket可以完成这个功能。
uni-app 在APP环境下使用SockJs
qq_40783703的博客
02-22 904
uni-app在h5可以使用SockJs，但在app环境下无法使用，因SockJs源码有些方法引用了window对象，在app环境下无window对象， 解决方式： 通过webView加载本地网页，网页中使用SockJs，接收到消息后网页再与uni-app通信 ...
uni-app + SpringBoot +stomp 支持websocket 打包app
u014212540的博客
08-22 982
websocket 协议是在http 协议的基础上的升级，通过一次http 请求建立长连接，转而变为TCP 的全双工通信；而http 协议是一问一答的请求方式方式。
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 )...
webstomp-echoserver-example:在 SockJS 上使用 STOMP 的示例
06-16
要运行此演示，您必须在 localhost 上运行 RabbitMQ 代理服务并启用插件。 安装 运行以下 shell 命令： git clone https://github.com/gdaws/webstomp-echoserver-example.git cd webstomp-echoserver-example ...
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...
spring-boot-websocket-chat-demo：具有SockJS后备和STOMP协议的Spring Boot WebSocket聊天演示
01-30
Spring Boot WebSocket聊天应用程序您可以在签出应用程序的实时版本。要求Java-1.8.x Maven-3.xx...您也可以直接运行该应用，而无需像这样打包- mvn spring-boot:run了解更多您可以在我的博客上找到此应用程序的教程-
stomp--sockjs
03-19
在"stomp--sockjs"这个主题中，我们关注的是如何在Web应用中实现WebSocket通信，特别是利用STOMP协议和SockJS库。 1. **STOMP协议**： - STOMP命令：如CONNECT、SEND、SUBSCRIBE、UNSUBSCRIBE、ACK、NAK等，这些...
uniapp微信小程序使用stomp.js实现STOMP传输协议的实时聊天
你好！刘斩仙
08-29 2692
原生微信小程序中使用本来使用websocket，后端同事使用了stomp协议，导致前端也需要对应修改。
详细讲解uniapp开发如何使用socket长连接
热门推荐
qingshui_zhuo的博客
06-07 1万+
本篇会详细讲解如何在uniapp开发中去使用长连接，如有疑问可以下方评论或者私聊。 一、引入第三方插件socket.io import io from '@/common/uni-socket.io.js'; 二、建立长连接 onSocket(state,user) { //每次建立长连接之前先断开连接，防止重复 if(state.socket){ state.socket.close() } const S = io(socketUrl, { //长连接接
uniapp websocket的使用和封装
qq_43371595的博客
12-19 2441
在uniapp中socket分为两种形式，第一种适用于只有一个socket链接，第二种适用于多个socket链接。这里以socketTask为列子封装。
uni-app 使用WebSocket监听并响应
W_H_M_S的博客
12-08 2113
uni-app 使用WebSocket监听并响应后端开放端口uni-app(app端)websocket-uni.js使用时 后端开放端口 @Configuration @EnableWebSocketMessageBroker public class WebSocketConfiguration implements WebSocketMessageBrokerConfigurer { @Autowired private TokenProvider tokenProvider;
uniapp使用stomp+websocket实现实时监听消息进行语音播报
波塞冬的博客
10-27 338
null?body : '';if (!_i < _len;break;var data;_i < _len;= null?})();var frame;})();
uniapp使用socket建立实时通信
vayne_1的博客
07-31 1624
最近开发了一个微信小程序，用的是uniapp+vue3+ts技术栈，现在要结合socket发送通知，试了两种方式。这里不推荐使用uniapp自带的socket（博主用的有问题，连不上去，感兴趣的也可以试试）到这里就可以实现了，有问题的可以留言交流 ~
uniapp 解决请求出现 /sockjs-node/info?t=问题
qq_36158551的博客
03-06 1749
uniapp项目老是出现 http://192.168.2.106:8080/sockjs-node/info?
java中集成sockjs、stomp前端pc（vue）、h5和微信小程序连接
ycg的博客
05-12 2238
后端代码 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
sockjs-client 跨域
09-03
sockjs-client是一个用于在Web浏览器和服务器之间进行实时通信的JavaScript库。在跨域访问的环境下，sockjs-client提供了一种可靠且高效的解决方案。 跨域是指在浏览器中访问不同域上的资源。由于浏览器的同源策略限制，JavaScript在一个域中不能直接访问其他域的资源。然而，通过使用sockjs-client，我们可以在跨域环境下进行实时通信。 sockjs-client使用WebSocket作为主要传输协议，但在不支持WebSocket的浏览器中，它会自动回退到其他传输方式，如XHR流。这意味着无论浏览器是否支持WebSocket，sockjs-client都可以在跨域环境中发送和接收实时数据。 为了允许跨域访问，服务器需要配置CORS（跨域资源共享）。在服务器端，我们需要在响应中包含适当的CORS头，以允许浏览器从其他域访问服务器资源。这通常涉及到在服务器配置中添加一些特定的响应头，如"Access-Control-Allow-Origin"。 在sockjs-client中，我们只需要在JavaScript中创建一个SockJS客户端实例，并指定服务器URL。sockjs-client将为我们处理所有跨域访问和实时通信的细节。 总而言之，sockjs-client是一个能够在跨域环境下让浏览器与服务器进行实时通信的JavaScript库。它利用WebSocket和其他传输机制，提供了一种高效和可靠的解决方案。要在跨域环境下使用sockjs-client，服务器需要配置CORS头以允许跨域访问。通过使用sockjs-client，我们可以轻松地在跨域环境中实现实时通信。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值