美文网首页Node.jsNode.jsvue小技巧
vue nodejs 前后端websorket

vue nodejs 前后端websorket

作者: 去年的牛肉 | 来源:发表于2020-04-08 08:18 被阅读0次

    Overview

    这是Node的WebSocket协议版本8和13的(大部分)纯JavaScript实现。在“ test / scripts”文件夹中,有一些示例客户端和服务器应用程序实现了各种互操作性测试协议。

    对于用ActionScript 3编写的WebSocket客户端,请参阅我的AS3WebScocket项目。

    Documentation

    You can read the full API documentation in the docs folder.

    兼容的浏览器

    • Firefox 7-9 (Old) (Protocol Version 8)
    • Firefox 10+ (Protocol Version 13)
    • Chrome 14,15 (Old) (Protocol Version 8)
    • Chrome 16+ (Protocol Version 13)
    • Internet Explorer 10+ (Protocol Version 13)
    • Safari 6+ (Protocol Version 13)
    $ npm install websocket
    
    

    声明变量:

    var WebSocketServer = require('websocket').server;
    var WebSocketClient = require('websocket').client;
    var WebSocketFrame  = require('websocket').frame;
    var WebSocketRouter = require('websocket').router;
    var W3CWebSocket = require('websocket').w3cwebsocket;
    

    Server Example

    #!/usr/bin/env node
    var WebSocketServer = require('websocket').server;
    var http = require('http');
     
    var server = http.createServer(function(request, response) {
        console.log((new Date()) + ' Received request for ' + request.url);
        response.writeHead(404);
        response.end();
    });
    server.listen(8080, function() {
        console.log((new Date()) + ' Server is listening on port 8080');
    });
     
    wsServer = new WebSocketServer({
        httpServer: server,
        // You should not use autoAcceptConnections for production
        // applications, as it defeats all standard cross-origin protection
        // facilities built into the protocol and the browser.  You should
        // *always* verify the connection's origin and decide whether or not
        // to accept it.
        autoAcceptConnections: false
    });
     
    function originIsAllowed(origin) {
      // put logic here to detect whether the specified origin is allowed.
      return true;
    }
     
    wsServer.on('request', function(request) {
        if (!originIsAllowed(request.origin)) {
          // Make sure we only accept requests from an allowed origin
          request.reject();
          console.log((new Date()) + ' Connection from origin ' + request.origin + ' rejected.');
          return;
        }
        
        var connection = request.accept('echo-protocol', request.origin);
        console.log((new Date()) + ' Connection accepted.');
        connection.on('message', function(message) {
            if (message.type === 'utf8') {
                console.log('Received Message: ' + message.utf8Data);
                connection.sendUTF(message.utf8Data);
            }
            else if (message.type === 'binary') {
                console.log('Received Binary Message of ' + message.binaryData.length + ' bytes');
                connection.sendBytes(message.binaryData);
            }
        });
        connection.on('close', function(reasonCode, description) {
            console.log((new Date()) + ' Peer ' + connection.remoteAddress + ' disconnected.');
        });
    });
    

    Client Example

    #!/usr/bin/env node
    var WebSocketClient = require('websocket').client;
     
    var client = new WebSocketClient();
     
    client.on('connectFailed', function(error) {
        console.log('Connect Error: ' + error.toString());
    });
     
    client.on('connect', function(connection) {
        console.log('WebSocket Client Connected');
        connection.on('error', function(error) {
            console.log("Connection Error: " + error.toString());
        });
        connection.on('close', function() {
            console.log('echo-protocol Connection Closed');
        });
        connection.on('message', function(message) {
            if (message.type === 'utf8') {
                console.log("Received: '" + message.utf8Data + "'");
            }
        });
        
        function sendNumber() {
            if (connection.connected) {
                var number = Math.round(Math.random() * 0xFFFFFF);
                connection.sendUTF(number.toString());
                setTimeout(sendNumber, 1000);
            }
        }
        sendNumber();
    });
     
    client.connect('ws://localhost:8080/', 'echo-protocol');
    

    Client Example using the W3C WebSocket API

    Same example as above but using the W3C WebSocket API.

    var W3CWebSocket = require('websocket').w3cwebsocket;
     
    var client = new W3CWebSocket('ws://localhost:8080/', 'echo-protocol');
     
    client.onerror = function() {
        console.log('Connection Error');
    };
     
    client.onopen = function() {
        console.log('WebSocket Client Connected');
     
        function sendNumber() {
            if (client.readyState === client.OPEN) {
                var number = Math.round(Math.random() * 0xFFFFFF);
                client.send(number.toString());
                setTimeout(sendNumber, 1000);
            }
        }
        sendNumber();
    };
     
    client.onclose = function() {
        console.log('echo-protocol Client Closed');
    };
     
    client.onmessage = function(e) {
        if (typeof e.data === 'string') {
            console.log("Received: '" + e.data + "'");
        }
    };
    

    相关文章

      网友评论

        本文标题:vue nodejs 前后端websorket

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