uniapp 使用 websocket

原理和vue使用是一样的,这里就不多说了,可以去看我之前发的 websocket 的使用

传送门:WebScoket 使用教程

直接看代码:

(1)先创建一个ws的连接。

在各个小程序平台运行时,网络相关的 API 在使用前需要配置域名白名单。

data() {return {socketTask: '',...}
},
methods: {connectSocketInit(mid){// 创建一个this.socketTask对象【发送、接收、关闭socket都由这个对象操作】this.socketTask = uni.connectSocket({url: `wss://ws的地址`,success(data) {console.log("websocket连接成功lolo ");},});}
(2)发送初始订阅消息
  • 当WebSocket连接打开时 (onOpen 事件),将发送一条JSON格式的消息给服务器。
  • 消息内容包括客户端信息、意图、客户端ID、组织ID和频道ID列表。
connectSocketInit(mid) {...var prmsg = `更具自己项目需要绑定发送的数据`;this.socketTask.onOpen((res) => { //发送消息this.socketTask.send({data: prmsg,});})
}
(3)接收并处理消息
  • 使用 onMessage 监听器来接收从服务器发来的消息。
connectSocketInit(mid) {this.socketTask.onOpen((res) => { //发送消息...this.socketTask.onMessage((res) => {let evtObj = JSON.parse(res.data);console.log('ws推送', evtObj)})}}}
(4)关闭连接处理
  • 使用 onClose 监听器来处理连接关闭的情况,当连接关闭时会在控制台输出 "ws已经被关闭"。
connectSocketInit(mid) {...// socket关闭执行this.socketTask.onClose(() => {console.log("ws已经被关闭")})
},
closeSocket() { //关闭链接this.socketTask.close({success(res) {console.log("关闭成功", res)},fail(err) {console.log("关闭失败", err)}})
},

注意:

  • 确保在适当的地方调用 closeSocket() 来释放资源。
  • 处理好错误和异常情况,保证用户体验。
  • 安全性考虑:确保所有传输的数据都是加密的,并且只向授权的用户展示敏感信息

这样 uniapp 中 webSocket 就能使用了,其他可参照官网进行开发

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/58884.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

idea免费安装步骤,(java集成开发环境)超详细

第一步 点击链接下载 百度网盘 请输入提取码 提取码是idea 下载步骤 可设也可不设置 我就没有设置 下一步 就点击安装就大功告成了

SAP RFC 用户安全授权

一、SAP 通讯用户 对于RFC接口的用户,使用五种用户类型之一的“通讯”类型,这种类型的用户没有登陆SAPGUI的权限。 二、对调用的RFC授权 在通讯用户内部,权限对象:S_RFC中,限制进一步可以调用的RFC函数授权&#xff…

大数据-201 数据挖掘 机器学习理论 - 决策树 局部最优 剪枝 分裂 二叉分裂

点一下关注吧!!!非常感谢!!持续更新!!! 目前已经更新到了: Hadoop(已更完)HDFS(已更完)MapReduce(已更完&am…

计算机网络-总线型以太网(ethernet)-知识点小结

广域网与局域网区分: 广域网: 广域网不使用局域网技术, 传输介质 主要是光纤和电话线 常见广域网技术 综合业务数字网(ISDN)、 帧中继(Frame Relay)、 异步传输模式 局域网: 以太网--ethernet 简介: 是一种总线型局域网技术&#…

透明加密技术是什么?透明加密技术的原理与应用实践(内含代表性软件分享)

触目惊心!10大典型间谍案例回顾 张某离职前搜集大量文件资料,甚至拆开电脑主机拷贝文件 私自存有5200份文件资料 其中标注绝密级的59份 机密级848份 秘密级541份 在当今这个信息化高速发展的时代,透明加密技术已不容忽视。那么&#xff…

NLP领域的经典算法和模型

在自然语言处理(NLP)领域,经典算法和模型众多,它们在不同任务中发挥着重要作用。以下是一些NLP领域的经典算法和模型的详细介绍: 一、基础模型 词袋模型(Bag of Words,BoW) 原理&a…

sql server复制一张表(表结构或表数据)SQL语句整理

1. 复制表结构及数据到新表 CREATE TABLE 新表 SELECT * FROM 旧表;这种方法会复制 旧表 中的所有内容到 新表,但新表不会保留原表的主键、自动递增等属性。为了保持这些属性,需要使用 ALTER 语句进行后续处理 2. 只复制表结构到新表 使用条件始终为假…

Spring SPI、Solon SPI 有点儿像(Maven 与 Gradle)

一、什么是 SPI SPI 全名 Service Provider interface,翻译过来就是“服务提供接口”。基本效果是,申明一个接口,然后通过配置获取它的实现,进而实现动态扩展。 Java SPI 是 JDK 内置的一种动态加载扩展点的实现。 一般的业务代…

C/C++ 每日一练:二叉树的先序遍历

二叉树 binary tree 定义 二叉树是一种树状数据结构,非线性数据结构,代表“祖先”与“后代”之间的派生关系,体现了“一分为二”的分治逻辑。与链表类似,二叉树的基本单元是节点,二叉树的每个节点包含三个主要部分&am…

【MySQL工具】pt-archiver

名称 pt-archiver - 将MySQL表中的行归档到另一个表或文件中。 概述 用法:pt-archiver [选项] --source DSN --where WHERE pt-archiver 从MySQL表中逐条处理记录。--source 和 --dest 参数使用DSN(数据源名称)语法;如果COPY设…

Android webview 打开本地H5项目(Cocos游戏以及Unity游戏)

webview打开本地Html文件 1.在路径前面加上file:// String filePath"file://"path;webView.loadUrl( filePath);2.打开权限 <uses-permission android:name"android.permission.READ_EXTERNAL_STORAGE" />3.启用JavaScript 设置本地访问权限 webVi…

OpenCV开发笔记(八十二):两图拼接使用渐进色蒙版场景过渡缝隙

若该文为原创文章&#xff0c;转载请注明原文出处 本文章博客地址&#xff1a;https://hpzwl.blog.csdn.net/article/details/143432922 长沙红胖子Qt&#xff08;长沙创微智科&#xff09;博文大全&#xff1a;开发技术集合&#xff08;包含Qt实用技术、树莓派、三维、OpenCV…

Unity程序化生成地形

制作地形&#xff1a; 绘制方块逐个绘制方块并加噪波高度删除Gizmos和逐个绘制 1.draw quad using System.Collections; using System.Collections.Generic; using UnityEngine;[RequireComponent(typeof(MeshFilter))] public class mesh_generator : MonoBehaviour {Mesh m…

基于MoviNet检测视频中危险暴力行为

项目源码获取方式见文章末尾&#xff01; 600多个深度学习项目资料&#xff0c;快来加入社群一起学习吧。 《------往期经典推荐------》 项目名称 1.【Faster & Mask R-CNN模型实现啤酒瓶瑕疵检测】 2.【卫星图像道路检测DeepLabV3Plus模型】 3.【GAN模型实现二次元头像生…

Java项目实战II基于Java+Spring Boot+MySQL的桂林旅游景点导游平台(开发文档+数据库+源码)

目录 一、前言 二、技术介绍 三、系统实现 四、文档参考 五、核心代码 六、源码获取 全栈码农以及毕业设计实战开发&#xff0c;CSDN平台Java领域新星创作者&#xff0c;专注于大学生项目实战开发、讲解和毕业答疑辅导。获取源码联系方式请查看文末 一、前言 基于Java、…

每日读则推(十四)——Meta Movie Gen: the most advanced media foundation models to-date

premiere n.首映,首次公演 v.首次公演(戏剧、音乐、电影) a.首要的,最早的 Today we’re premiering Meta Movie Gen: the most advanced media foundation models to-date. 迄今,到现在为止 …

Android中的跨进程通信方案总结一-AIDL的使用

先上结论: aidl跨进程通信是Android中最重要的跨进程通信方式,几乎所有的系统服务,都是以这种方式向APP提供系统服务的,作为程序开发人员,不仅要会用,更要搞清楚其通信原理。 开干: 在 Android 开发中,常用的跨进程通信(IPC)方案有以下几种: 1. AIDL(Android I…

如何理解PostgreSQL全页写?

读了很多PostgreSQL的FullPageWrite过程&#xff0c;结果思考时把自己绕进去了。每次感觉读懂了&#xff0c;但是都没能理解&#xff0c;其实是一个很简单的逻辑。   全页写发生在PG的Checkpoint时候&#xff0c;不要过于考虑全页写在checkpoint中的过程&#xff0c;而是单纯…

整数越界详解

目录 一、整数类型的范围 二、整数越界的原因 三、整数越界的示例 1.算术运算导致的整数越界 2.位运算导致的整数越界 3.数据类型转换导致的整数越界 四、整数越界的解决方法 在编程中&#xff0c;整数越界是一个需要特别注意的问题。当整数的计算结果超出了其所能表…

深度学习基础知识-编解码结构理论超详细讲解

编解码结构&#xff08;Encoder-Decoder&#xff09;是一种应用广泛且高效的神经网络架构&#xff0c;最早用于序列到序列&#xff08;Seq2Seq&#xff09;任务&#xff0c;如机器翻译、图像生成、文本生成等。随着深度学习的发展&#xff0c;编解码结构不断演变出多种模型变体…