Node.js教學：連接Node.js Websocket Server與Python Websocket Client

目標

本文目標是以Node.js建立Websocket Server，並以Python3 Websocket Client連入

需求

安裝Node.js Websocket

在終端機輸入
npm install websocket

即可安裝完畢，下面是它的github：
https://github.com/theturtle32/WebSocket-Node

安裝Python3 Websocket

在終端機輸入
pip3 install websocket
即可安裝完畢，下面是它的github：
https://github.com/liris/websocket-client

實做

server.js Websocket Server

//引入http websocket
var http = require('http');
var ws = require('websocket').server;

// 建立server 並監聽Port 12345
var PORT = 12345;
var server = http.createServer().listen(PORT)

// 產生websocketServer
webSocketServer = new ws({
    httpServer: server
});

//當使用者連入時 觸發此事件
webSocketServer.on('request', function(request) {
    var connection = request.accept('echo-protocol', request.origin);

    //當websocket server收到訊息時 觸發此事件
    connection.on('message', function(message) {
        console.log(message)
        connection.send("我收到了: " + message.utf8Data);
    });

    //當使用者socket連線中斷時 例如：關閉瀏覽器 觸發此事件
    connection.on('close', function(reasonCode, description) {
        console.log('Close');
    });
});
儲存成server.js

 

client.py Client端連線

Node.js教學：建立Websocket與使用者連接

目標

本文目標是以Node.js建立Websocket，供使用者連入網站以後，可以持續的與

伺服器進行溝通，而不必每次都要以Ajax送出HTTP Request。

需求

安裝websocket

在終端機輸入
npm install websocket

即可安裝完畢，下面是它的github：
https://github.com/theturtle32/WebSocket-Node

實做

server.js Websocket Server

//引入http websocket
var http = require('http');
var ws = require('websocket').server;

// 建立server 並監聽Port 9999
var PORT = 9999;
var server = http.createServer().listen(PORT)

// 產生websocketServer
webSocketServer = new ws({
    httpServer: server
});

//當使用者連入時 觸發此事件
webSocketServer.on('request', function(request) {
    var connection = request.accept('echo-protocol', request.origin);

    //當websocket server收到訊息時 觸發此事件
    connection.on('message', function(message) {
        console.log(message)
        connection.send("我收到了: " + message.utf8Data);
    });

    //當使用者socket連線中斷時 例如：關閉瀏覽器 觸發此事件
    connection.on('close', function(reasonCode, description) {
        console.log('Close');
    });
});
儲存成server.js

 

index.html Client端連線頁面