最近在做IOT的项目,里面有个小程序要用到webSocket,借这个机会,封装了一个uniapp小程序适用的Socket类,包括断线重连,心跳检测等等,具体实现如下。 2,代码实现 classwebSocketClass{constructor(url, time) {this.url= urlthis.data=nullthis.isCreate=false// WebSocket 是否创建成功this.isConnect=false// 是否已经...
socketTask = uni.connectSocket({ url: this.url, success: () => { console.log("正准备建立websocket中..."); // 返回实例 return this.socketTask }, }); this.socketTask.onOpen((res) => { console.log("WebSocket连接正常!"); clearTimeout(this.reconnectTimeOut) clearTimeout(this.heart...
利用vuex做页面级通讯,利用websocket接收监听消息,利用http做接口交互 其中config是一些基本的应用配置 ChatModel是封装的一些http接口 本文主要分享的是uni-app websocket封装的类 可以根据自己的业务拿来改改就能用了 importstore from'@/store/index.js'importconfig from'./app_config.js'importChatModel from'./cha...
import io from '@hyoga/uni-socket.io'; import { reactive, ref, onBeforeUnmount } from 'vue'; import { baseUrl, websocketPath } from '@/sheep/config'; export function useWebSocket() { const SocketIo = ref(null) // chat状态数据 const state = reactive({ socketState: { isConnect: tr...
官方文档 官方文档写的跟屎一样 https://uniapp.dcloud.net.cn/api/request/websocket.html 相关博客 https://www.cnblogs.com/sunnyeve/p/16757633.html 还是这个博客清晰 https://blog.cs
uni-socket-promise 安装 npmi@i5920/uni-socket-promise-S 使用 前端 importUniSocketPromisefrom"@i5920/uni-socket-promise"exportdefault{ onLaunch() {this.globalData.socket =newUniSocketPromise({url:"ws://127.0.0.1:8080",heartTime:1*60*1000,// 心跳时间间隔isHeartData:true,// 是否发送心跳isRec...
在common目录下新建一个websocket.js文件，其完整代码如下：该文件中封装了WebSocket相关的方法与逻辑，便于在不同页面中重用与管理。通过此文件，开发者可以轻松地实现WebSocket的创建、消息发送与接收等功能。关于调用方式，分为两种：1. 全局调用：将websocket.js挂载至全局环境。在页面中通过引入此文件，...
uni-socket-promise 使用范围 仅支持uniapp 安装 npmi@i5920/uni-socket-promise-S 亮点 promise异步获取结果 断线重连 心跳 断线消息队列 debug 支持typescript 使用说明 App.vue importUniSocketPromisefrom"@i5920/uni-socket-promise"exportdefault{globalData:{socket:null}, onLaunch() {this.globalData.socket ...
uniapp小程序webSocket封装使用 目录1,前言 2,代码实现 3,使用 3.1,初始化 3.2,发送消息 3.3,接收消息 1,前言 最近在做IOT的项目,里面有个小程序要用到webSocket,借这个机会,封装了一个uniapp小程序适用的Socket类,具体实现如下. 2,代码实现 class webSocketClass { constructor(url, interval) { this.url = ...