为了账号安全,请及时绑定邮箱和手机立即绑定
  • 怎样报名 ?
    查看全部
    0 采集 收起 来源:小结_1

    2020-11-02

  • 学习
    查看全部
  • nodejs-websocket

    查看全部
  • // websocket.js

    const ws = require('nodejs-websocket')


    let clientCount = 0;


    let server = ws.createServer(connection => {


      clientCount++;

      connection.nickname = 'user' + clientCount;


      boardCast(connection.nickname + '进入房间');


      connection.on('text', function (result) {

        console.log('接收消息:', result)

        boardCast(connection.nickname + ':' + result + '!!!')

      })

      connection.on('connect', function (code) {

        console.log('接收消息:', code)

      })

      connection.on('close', function (code) {

        boardCast(connection.nickname + '离开了房间');

        console.log('接收消息:', code)

      })

      connection.on('error', function (code) {

        console.log('接收消息:', code)

      })

    }).listen(8001)


    function boardCast(mess) {

      server.connections.map((con) => {

        con.sendText(mess)

      });

    }



    查看全部
  • Websock
    查看全部
    0 采集 收起 来源:案例演示

    2019-11-28

  • yyu
    查看全部
    0 采集 收起 来源:课程简介

    2019-10-11

  • websoset
    查看全部
  • socket,io.js文件:https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.3/socket.io.js

    查看全部
    3 采集 收起 来源:socket.io入门_1

    2019-01-19

  • socket.io优势:

    1. 可以直接发送对象

    2. 自定义事件方式

    查看全部
    0 采集 收起 来源:socket.io入门_1

    2018-11-21

  • https://img1.mukewang.com/5b5c22e30001b31007400920.jpg我的代码记录

    查看全部
  • 首先下载nodejs

    然后下载sublinetext3或者nodepad++或者phpstorm都可以啊

    然后安装socket.io ->$ npm install socket.io

    https://socket.io/blog/网页获取到https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.3/socket.io.js下载保存

    在https://socket.io/docs/网页获取到服务端和客户端资料,改良之后如下所示


    wsServer.js服务端

    var app = require('http').createServer()

    var io = require('socket.io')(app)

    var PORT = 3000

    var clientCount = 0

    app.listen(PORT)

    io.on('connection',function(socket){

    clientCount++

    socket.nickname = 'user' + clientCount

    io.emit('enter',socket.nickname + 'comes in')

    socket.on('message',function(str){

    io.emit('message',socket.nickname + "says:" + str)

    })

    socket.on('disconnect',function(str){

    io.emit('leave',socket.nickname + 'left')

    })

    })

    console.log("sebsocket server listening on port" + PORT)

    index.html客户端

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8"/>

    <title>websocket</title>

    <script type="text/javascript" src="socket.io.js"></script>

    </head>

    <body>

    <h1>Chat Room</h1>

    <input id="sendTxt" type="text" >

    <button id="sendBtn">发送</button>

    <script type="text/javascript">

    var socket = new io("ws://localhost:3000/");

    function showMessage(str,type){

    var div = document.createElement('div');

    div.innerHTML = str;

    if(type == "enter"){

    div.style.color = "blue";

    }else if(type == "leave"){

    div.style.color = "red";

    }

    document.body.appendChild(div);

    }

    document.getElementById("sendBtn").onclick = function(){

    var txt = document.getElementById("sendTxt").value;

    if(txt){

    socket.emit('message',txt);

    }

    }

    socket.on('enter',function(data){

    showMessage(data,'enter');

    })

    socket.on('message',function(data){

    showMessage(data,'message');

    })

    socket.on('leave',function(data){

    showMessage(data,'leave');

    })

    </script>

    </body>

    </html>


    查看全部
    0 采集 收起 来源:小结_1

    2018-04-17

  • http://www.webscoket.org/

    查看全部
  • 遇到的错误

    • The 'Access-Control-Allow-Origin' header has a value 'null' that is not equal to the supplied origin. Origin 'null' is therefore not allowed access

        解决方法:将所有环境搭载HTTP服务器上

    安装

    npm install socket.io

    index.html

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.3/socket.io.js"></script>
    <title>Chat Room Demo</title>
    </head>
    
    <body>
    <h1>Chat Room Based on Socket.io</h1>
    SEND:
    <input type="text" id="sendText" />
    <button id="sendBtn">Send</button>
    <br /> RECV:
    <span id="recv"></span>
    <script>
            var socket = io("ws://localhost:8001/")
            function showMsg(str, type) {
                var div = document.createElement('div');
                div.innerHTML = str
                if (type == "enter") {
                    div.style.color = 'blue';
                } else if (type == "disconnect") {
                    div.style.color = 'red';
                }
                document.body.appendChild(div);
            }
    
            document.getElementById("sendBtn").onclick = function () {
                var txt = document.getElementById("sendText").value;
                if (txt) {
                    socket.emit('message', txt);
                }
            }
    
            socket.on('enter', function (data) {
                showMsg(data, 'enter');
            });
    
            socket.on('message', function (data) {
                showMsg(data, 'message');
            });
    
            socket.on('disconnect', function (data) {
                showMsg(data, 'disconnect');
            });
        </script>
    </body>
    
    </html>

    app.js

    const POST = 8001;
    
    var app = require('http').createServer();
    var io = require('socket.io')(app);
    var userCount = 0;
    
    app.listen(POST);
    console.log("WebSocket Server Linstening on POST:" + POST);
    
    io.on('connection', function (socket) {
    
    userCount++;
    socket.nickname = "USER" + userCount;
    console.log("[ENTER]\t", socket.nickname);
    io.emit("enter", socket.nickname + '  ENTER');
    
    socket.on("message", function (str) {
    io.emit("message", socket.nickname + ' SAYS: ' + str);
    console.log("[MSG]\t", socket.nickname, " \t SAY: ", str);
    
    });
    
    socket.on("disconnect", function () {
    io.emit("disconnect", socket.nickname + ' LEFT')
    console.log("[LEFT]\t", socket.nickname);
    
    });
    });

    启动:

    node app.js


    查看全部
  • server.js
    查看全部
  • index.html
    查看全部
  • html5 中用 var socket = io('ws://localhost:3000/');
    查看全部
  • 安装命令 npm install nodejs-websocket
    查看全部
  • var ws = require("nodejs-websocket") var clientCount = 0 // Scream server example: "hi" -> "HI!!!" var server = ws.createServer(function (conn) { console.log("New connection") clientCount++ conn.nickname = 'user' + clientCount broadcast(conn.nickname + 'coms in') conn.on("text", function (str) { console.log("Received "+ str) broadcast(str) }) conn.on("close", function (code, reason) { console.log("Connection closed") broadcast(conn.nickname + 'go awary') }) conn.on("error", function(err) { console.log(err) }) }).listen(8001) console.log('go runed') function broadcast (str){ server.connections.forEach(function(connection){ connection.sendText(str) }) }
    查看全部
  • 官网示例
    查看全部
  • 为了区分消息的类型,在服务端给消息定义类型和具体的值,然后用json转成字符串发送(只能发送字符串)
    查看全部
  • 使用socket.io实现websocket
    查看全部
    0 采集 收起 来源:小结_1

    2018-01-10

  • websocket:服务器与浏览器端建立持久连接 nodejs-websocket:缺陷只能传送字符串 socket.io-优点:1,可直接传输对象。2,可自定义消息
    查看全部
    1 采集 收起 来源:小结_1

    2018-01-04

  • npm install nodejs-websocket -g 安装全局变量
    查看全部
  • 绿色发送,白色接受
    查看全部
  • web socket作用:将信号原封不动的发送过去
    查看全部
  • 12365489
    查看全部
    0 采集 收起 来源:课程简介

    2017-11-01

  • websocket
    查看全部
  • index.html
    查看全部
首页上一页12下一页尾页

举报

0/150
提交
取消
课程须知
1、html、css基础知识 2、JS基础知识 3、会用NodeJS
老师告诉你能学到什么?
1、实现WebSocket的简单案例 2、俄罗斯方块逻辑实现

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!