如何在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

相关推荐

  1. 如何uniapp使用websocket

    2024-07-13 13:48:05       16 阅读
  2. 如何Gin框架使用Websocket

    2024-07-13 13:48:05       29 阅读
  3. 什么是WebSocketPHP如何使用WebSocket

    2024-07-13 13:48:05       48 阅读
  4. vue和uniapp使用 websocket并封装js

    2024-07-13 13:48:05       29 阅读
  5. 如何PHP使用WebSocket进行实时通信?

    2024-07-13 13:48:05       56 阅读
  6. Golang如何配置WebSocket使用wss

    2024-07-13 13:48:05       63 阅读
  7. 如何Django实现WebSocket通信

    2024-07-13 13:48:05       47 阅读
  8. SpringBootWebSocket使用介绍

    2024-07-13 13:48:05       54 阅读
  9. Vue使用websocket的流程

    2024-07-13 13:48:05       24 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-13 13:48:05       66 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-13 13:48:05       70 阅读
  3. 在Django里面运行非项目文件

    2024-07-13 13:48:05       57 阅读
  4. Python语言-面向对象

    2024-07-13 13:48:05       68 阅读

热门阅读

  1. 【linux】预防rm误删文件的3种方法

    2024-07-13 13:48:05       23 阅读
  2. 掌控版本脉动:Gradle依赖更新策略全解析

    2024-07-13 13:48:05       21 阅读
  3. 解释器模式(大话设计模式)C/C++版本

    2024-07-13 13:48:05       19 阅读
  4. 资源搜索网址

    2024-07-13 13:48:05       19 阅读
  5. 关于最近项目数字前端FLOW的一些总结

    2024-07-13 13:48:05       19 阅读
  6. 【AI应用探讨】—迁移学习(TL)应用场景

    2024-07-13 13:48:05       29 阅读
  7. vue-侦听器

    2024-07-13 13:48:05       22 阅读
  8. Dubbo 核心概念介绍

    2024-07-13 13:48:05       20 阅读
  9. springboot的mybatis使用CONCAT模糊查询

    2024-07-13 13:48:05       19 阅读