node搭建简易WebSocket

前端

<template>
</template>

<script lang="ts" setup>
import {onMounted, onBeforeUnmount, reactive} from "vue";

interface IData {
  ws: any
}

const data = reactive<IData>({
  ws: undefined
})
const wsEvwnt = () => { 
let ws = new WebSocket("ws://localhost:8888");
  console.log(data.ws.readyState, 9)
  data.ws.onopen = (val: any) => {
    console.log(val, 111)
    data.ws.send('我来了')
  }
  data.ws.onmessage = (val: any) => {
    console.log(val, 2)
  }
  data.ws.onerror = (val: any) => {
    console.log(val, 3)
  }
  data.ws.onclose = () => {
    console.log(1)
  }
}

onMounted(() => {
  wsEvwnt()
})
onBeforeUnmount(() => {
  data.ws.onclose = () => {
    console.log(1)
  }
})
</script>

<style scoped lang="less">

</style>

node搭建简易WebSocket

• npm安装nodejs-websocket

let ws = require("nodejs-websocket")
let port = 8888;

let server = ws.createServer(function (conn) {
    conn.on("text", function (str) {
        console.log("received " + str);
        //send msg
        conn.sendText(str);
    });

    conn.on("close", function (code, reason) {
        console.log("关闭链接")
    });

    conn.on("error", function (err) {
        console.log("链接错误");
        console.log(err);
    })
}).listen(port);