欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  网络运营

webSocket

程序员文章站 2022-03-16 20:05:05
WebSocket 客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据//前端页面 var connect=new WebSocket("ws://localhost:3000")//参数是要访问的服务器地址 使用的协议是ws协议 connect.onopen=function(){ console.log("开启连接,连接成功"); } connect.onmessage=function(...

WebSocket 客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据

//前端页面
        var connect=new WebSocket("ws://localhost:3000")//参数是要访问的服务器地址 使用的协议是ws协议

        connect.onopen=function(){
            console.log("开启连接,连接成功");
        }
        connect.onmessage=function(data){
            console.log("接受到服务器的数据",data);
        }
        connect.onerror=function(){
            console.log("连接的错误")
        }
        connect.onclose=function(){
            console.log("断开连接");
        }
        // 可以使用 connect.send()向服务器发送数据 这个数据可以是基本数据类型也可以是json
        var obj = {
            msg: "要发送的信息"
        }
         connect.send(JSON.stringify(obj))
//后端页面 以nodejs为例
        npm install nodejs-websocket --save

        var ws=require("nodejs-websocket");
        ws.createServe(function(connection){
         // 当前端发起连接时会触发

        // 监听接收到的前端发过来的信息 msg 就是前端发送过来的数据
            connection.on("text",function(msg){
                console.log("要发送给前端的信息")
            })

            connection.on("close",function(){
                console.log("断开连接")
            })
        }).listen({
            port:"3000",
            host:"localhost"
        },function(){
            console.log("服务启动中...")
        })
 

本文地址:https://blog.csdn.net/W8034/article/details/107919770

相关标签: websocket