webSocket基础配置node和页面使用

webSocket

简单配置：

https://blog.csdn.net/qq_43206280/article/details/103770949

//app.js

var ws = require("nodejs-websocket");
console.log("开始建立连接...")

var index = null ,  indexReady = false;
var server = ws.createServer(function(conn){
    conn.on("text", function (str) {
        console.log("收到的信息为:"+str)
        if(str==="index"){
            index = conn;
        }
		sendMess();
		function sendMess(){
			if(index&&index.readyState===1){

          let tex = JSON.stringify([{name: "1123"}]); 数据转成JSON格式发送
				index.sendText(new Date + "");
				setTimeout(sendMess,1000);
			}
		}

    })
    conn.on("close", function (code, reason) {
        console.log("关闭连接")
    });
    conn.on("error", function (code, reason) {
        console.log("异常关闭")
    });
}).listen(8000)
console.log("WebSocket建立完毕")

安装包
npm install nodejs-websocket

//页面使用

<script setup lang="ts">
import { ref } from "vue";
const mess = ref("");
if (window.WebSocket) {
  var ws = new WebSocket("ws://localhost:8000");

  ws.onopen = function (e) {
    console.log("连接服务器成功");
    ws.send("index");
  };
  ws.onclose = function (e) {
    console.log("服务器关闭");
  };
  ws.onerror = function () {
    console.log("连接出错");
  };

  ws.onmessage = function (e) {
    var time = new Date();
    mess.value = time + "的消息：" + e.data + "<br>";
  };
}
</script>

<template>
  <div>{{ mess }}</div> //展示数据
</template>

<style lang="scss" scoped></style>

启动node

node   //app.js上面服务器文件

https://www.npmjs.org/package/nodejs-websocket 配置地址 服务器

JSON.stringify可以用这个转成字符串 因为只能发送文本

socket.io