vue3使用websock

<script setup lang="ts">

import { ElMessage } from 'element-plus';

const wsUrl = ref(import.meta.env.VITE_APP_WS_URL);//链接地址

const websock = ref();//链接地址

//初始化

const initWebSocket = () => {

  // console.log('当前请求地址',wsUrl.value);

  if(!wsUrl.value) return

  websock.value = new WebSocket(wsUrl.value);//创建对象

  websock.value.onopen = () => {

    console.log("连接成功");

    setTimeout(()=>{

      getshowupdatefun();//请求发送参数的方法如token

    },1000)

  };

  websock.value.onmessage = (e: any) => {

    console.log("--广播返回的消息",JSON.parse(e.data));

  };

  websock.value.onerror = () => {

    console.log("连接错误");

  };

};

initWebSocket();

const getshowupdatefun=()=>{

  showupdate().then((res: any)=>{

      // console.log('接口数据',res);

      if(res.code==200){

      }else{

        ElMessage.warning(res.msg)

      }

    })

}

 

//发送消息

const sendMessage = (msg: any) => {

  // console.log(msg, "0");//相当于传送参数

  websock.value.send(msg);

};

//关闭链接（在页面销毁时可销毁链接）

const closeWebSocket = () => {

  websock.value.close();

};

</script>