socket的简单使用

最新推荐文章于 2024-07-30 23:06:43 发布

s小布丁

最新推荐文章于 2024-07-30 23:06:43 发布

阅读量211

点赞数 2

分类专栏：笔记文章标签： websocket 前端 javascript

本文链接：https://blog.csdn.net/m0_49529959/article/details/121318668

版权

笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

文章详细介绍了如何使用Node.js的WebSocket库创建一个简单的服务器，以及在HTML中模拟客户端进行连接并发送接收消息的过程。

摘要由CSDN通过智能技术生成

模拟服务端

var Websocket = require('websocket').server
var http = require('http')

var httpServer =  http.createServer().listen(8080,function() {
    console.log('http://127.0.0.1:8080')
})

var wsServer = new Websocket({
    httpServer: httpServer,
    autoAcceptConnections: false
})

// 保存客户端的connection状态
var conArr = []

// 生成事件:request:事件名称 request：请求过来的数据
wsServer.on('request', function (request) {
    // 怎么拿到连接实例
   var connection =  request.accept();
   conArr.push(connection) // 保持
   connection.on('message', function (msg) {
       console.log(msg);
       for (let i = 0; i < conArr.length; i++) {    
           conArr[i].send(msg.utf8Data)
       }
    //    connection.send(msg.utf8Data) //返回至客户端
   })
})

模拟客户端

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div id="msg"></div>
  <input type="text" id="text">
  <input type="button" value="发生" onclick="send()">
  <script>
    // web客户端的链接
    var websocket = new WebSocket('ws://127.0.0.1:8080')
    console.log(websocket.readyState);
    // readyState: 0：new 链接未建立，正在建立链接 1：链接建立成功 2：链接正在关闭 3：链接已经关闭
    // ws / wss
    // 链接建立是异步的
    websocket.onopen = function(){ // 类似于ajax，需要处理请求状态
      console.log(websocket.readyState);
    }
    function send() {
      var text = document.getElementById('text').value 
      websocket.send(text)
    }

    // 客户端接收服务器传过来的数据
    // 绑定一个服务器推送事件
    websocket.onmessage = function(back) {
      console.log(back.data);
    }
  </script>
</body>
</html>

s小布丁

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
socket的简单使用

var Websocket = require('websocket').servervar http = require('http')var httpServer = http.createServer().listen(8080,function() { console.log('http://127.0.0.1:8080')})var wsServer = new Websocket({ httpServer: httpServer, autoAcceptCon
复制链接

扫一扫

专栏目录