美文网首页
node.js SOCKET 实时通信

node.js SOCKET 实时通信

作者: 飞鱼_JS | 来源:发表于2017-05-24 14:39 被阅读0次
//客户端---------------------
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>实时通讯</h1>
    <textarea cols="50" id="content" rows="10"></textarea>
    <br>
    <input type="text" id="msg" >
    <input type="submit" value="提交" id="btn">
    <script type="text/javascript" src="/socket.io/socket.io.js"></script>
    <script type="text/javascript">
        var socket = io("http://localhost:3000");
        var btn = document.getElementById("btn");
        var msg = document.getElementById("msg");
        var content = document.getElementById("content");

        var user = "tempUser"+ Math.floor(Math.random()*1000);
        btn.onclick = ()=>{
            var str = msg.value;
            socket.emit("sendMsg",user +":"+str);
        }

        socket.on("myNews",(msg)=>{
            console.log("msg",msg);
            content.value += msg +"\n";
        })
    </script>
</body>
</html>
//服务器端---------------------------
var http = require("http");
var fs = require("fs");
var io = require("socket.io");

var server = http.createServer((req,res)=>{
    if(req.url=="/"){
        fs.readFile("index.html",(err,data)=>{
            res.end(data);
        })
    }else {
        res.end("no page found");
    }
})

server.listen(3000);

var ioClass = require("socket.io");
var ioInstanct = ioClass(server);

ioInstanct.on("connection",(socket)=>{
    socket.on("sendMsg",(data)=>{
        console.log("dada:",data);
        ioInstanct.emit("myNews","服务器转发:"+data);
    });

})

相关文章

  • Socket.IO打造基础聊天室

    01 Socket.io 简介 一个100%由 JavaScript 实现、基于Node.js的用于实时通信、跨平...

  • node.js SOCKET 实时通信

  • NIO

    基本上实时通信都用socket

  • socket.io使用

    socket.io是基于Node.js 和 WebSocket协议的实时通信开源框架, 它包括客户端的Js和服务端...

  • websocket(1)

    socket.io简述 1、基本介绍 socket.io是基于websocket技术,实现实时通信功能的技术。 简...

  • Android中Socket编程(一)

    Socket通信简介 Java Socket可实现客户端-服务端的双向实时通信。在java.net包中定义了两个类...

  • Nodejs-socket.io

    socket.io 是一个为实时应用提供跨平台实时通信的库 安装 客户端 服务器 通过socket.io的核心函数...

  • 在Jetty中使用websocket

    1.序言 在工作中,我们有时候需要使用能与前端实时通信传输以通信,这种技术就是由Socket实现的,而Socket...

  • 股票K线图,折线图总结(echarts)

    此处利用bootstrap+echarts画布配置参数实现响应式,并且利用socket实时通信实现数据的实时更新 ...

  • socket.io

    socket socket.io一个是基于Nodejs架构体系的,支持websocket的协议用于实时通信的一个软...

网友评论

      本文标题:node.js SOCKET 实时通信

      本文链接:https://www.haomeiwen.com/subject/thqoxxtx.html