socket通讯

Node.js与Socket.IO实现实时通信
本文详细介绍了如何使用Node.js和Socket.IO实现服务器端实时通信,包括创建Express应用、安装并引入Socket.IO模块,以及处理客户端连接、消息传递和端口监听等关键步骤。同时展示了客户端如何通过jQuery实现与服务器的实时交互。

nodejs服务器端

    socket.io的官网

    创建package.json 文件

    npm init -y

安装 express

cnpm i express -D

创建express应用

 var app = require("express")();

var http = require("http");

当以get请求对资源请求时的处理,路由原理

app.get("/",function(req,res){

  res.sendFile(__dirname + "/index.html");

})

 

安装socket.io

    npm install socket.io -D

引入socket.io模块,创建Socket服务器

  var io = require("socket.io")(http);

当有用户连接进来时触发connect事件

io.on("connect",fuction(socket){

    socket.on("server",funcion(msg){

      io.emit("clinet",msg);

 

});

 

监听端口

http.listen(3000,function(){

    

});

 

});

客服端

         

$(function () {
        // 创建客户端的 Socket 对象,连接服务器
        var socket = io();
        // 提交表单,向服务器发送消息(服务器会转发消息)
        $('form').submit(function(){
          // 触发一个服务器上的事件,使得服务器能够接收到客户端发送的消息
          socket.emit('server', $('#m').val() + new Date());
          // 清除发送消息框中的内容
          $('#m').val('');
          return false;
        });

        // socket.on("message", function(msg){
        //   console.log(msg)
        // });

        // 接收到服务器端发送的消息,触发该事件的执行
        socket.on("client", function(msg) {
          $("#messages").append($("<li>").text(msg));
        });
      });

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值