当前位置: 首页 > news >正文

如何在uniapp中使用websocket?

websocket是我们经常使用到的接口,通常用于即时通讯以及K线图这种需要实时更新数据的业务需求上,传统的restful接口虽然可以满足,但是你需要轮询,这就要额外写一堆代码,不是很方便,用websocket就简单很多,我们来看代码

第一步定义全局常量、变量

const config = {

hostUrl: "你的wss接口地址",

};

//websocket实例化

let uniSocketTask = null;

//心跳定时器

let heartTimer = null;

/** * 使用uniapp封装出来的websocketAPI */

//创建连接并返回数据

function connectSocket() {

   //创建socketTask实例

   if (uniSocketTask === null) {

      uniSocketTask = uni.connectSocket({

         url: config.hostUrl,

         success() {},

      });

      //监听连接成功的事件

      uniSocketTask.onOpen(() => {

         console.log("监听到开启连接成功");

         //启动心跳定时器

        onHeartBeat();

      });

      //监听连接关闭的事件

     uniSocketTask.onC

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 如何选择一款适合自己的鼠标?
  • 在Mac上一键安装Mysql(解决所有安装问题)
  • 网络安全威胁也日益复杂,分布式拒绝服务(DDoS)攻击因其高频率和破坏力而成为一大挑战
  • Okhttp实现原理
  • linux kernel ptr dump
  • python 知识点累积
  • js逆向-webpack-python
  • YOLOv8损失函数改进-增加MPDIoU提升边界框回归精度【附代码】
  • 苹果入局,AI手机或将实现“真智能”?
  • Spring懒加载Bean机制
  • 昇思25天学习打卡营第19天 | 基于MindSpore通过GPT实现情感分类
  • PGCCC|【PostgreSQL】PCA认证考试大纲#postgresql认证
  • GitHub 站点打不开
  • JVM原理(二十):JVM虚拟机内存的三特性详解
  • spark shuffle写操作——SortShuffleWriter
  • [译] 怎样写一个基础的编译器
  • 【跃迁之路】【463天】刻意练习系列222(2018.05.14)
  • Android 初级面试者拾遗(前台界面篇)之 Activity 和 Fragment
  • CSS相对定位
  • Docker下部署自己的LNMP工作环境
  • gcc介绍及安装
  • GraphQL学习过程应该是这样的
  • java8 Stream Pipelines 浅析
  • JavaScript类型识别
  • Linux快速复制或删除大量小文件
  • SpiderData 2019年2月13日 DApp数据排行榜
  • Vue.js 移动端适配之 vw 解决方案
  • 基于游标的分页接口实现
  • 技术攻略】php设计模式(一):简介及创建型模式
  • 区块链共识机制优缺点对比都是什么
  • 思维导图—你不知道的JavaScript中卷
  • 系统认识JavaScript正则表达式
  • 延迟脚本的方式
  • 移动端唤起键盘时取消position:fixed定位
  • gunicorn工作原理
  • HanLP分词命名实体提取详解
  • ​​​​​​​Installing ROS on the Raspberry Pi
  • #[Composer学习笔记]Part1:安装composer并通过composer创建一个项目
  • #define 用法
  • (3)Dubbo启动时qos-server can not bind localhost22222错误解决
  • (k8s中)docker netty OOM问题记录
  • (vue)el-checkbox 实现展示区分 label 和 value(展示值与选中获取值需不同)
  • (多级缓存)缓存同步
  • (二十五)admin-boot项目之集成消息队列Rabbitmq
  • (分布式缓存)Redis持久化
  • (附源码)计算机毕业设计大学生兼职系统
  • (黑客游戏)HackTheGame1.21 过关攻略
  • (七)理解angular中的module和injector,即依赖注入
  • (完整代码)R语言中利用SVM-RFE机器学习算法筛选关键因子
  • (学习日记)2024.01.09
  • (转)winform之ListView
  • *** 2003
  • .NET Core使用NPOI导出复杂,美观的Excel详解
  • .NET CORE使用Redis分布式锁续命(续期)问题
  • .NET 使用配置文件