electron 使用tcp套接字

image.png


文章目录



前言

electron由于集成Node.js和Chromium,所以它具有桌面GUI应用程序的开发的能力.
今天我们在electron环境下实现tcp连接示例.


使用node.js获得tcp能力

浏览器在js层是不能使用原生的tcp套接字的, 但是electron使用了node作为中间层, 所以我们可以依托node从而获得tcp能力.


net模块

Node.js Net 模块提供了一些用于底层的网络通信的小工具,包含了创建服务器/客户端的方法,我们可以通过以下方式引入该模块.

var net = require("net")

nodejs中的socket, 即可作为server, 也可以作为client.
经常使用的是作为client, 我们的electron app连接某个tcp服务器, 然后使用tcp作为底层数据传输协议, electron展示消息, 并作为交互.


server

创建一个tcp服务器

var net = require('net');
var server = net.createServer();
server.listen(PORT, HOST);
console.log('Server listening on ' + server.address().address + ':' + server.address().port);

server.on('connection', function(sock) {
   
    // 为这个socket实例添加一个"data"事件处理函数
    sock.on('data', function(data) {
        console.log('DATA ' + sock.remoteAddress + ': ' + data);
        // 回发该数据,客户端将收到来自服务端的数据
        sock.write('You said "' + data + '"');
    });

    // 为这个socket实例添加一个"close"事件处理函数
    sock.on('close', function(data) {
        console.log('CLOSED: ' +
            sock.remoteAddress + ' ' + sock.remotePort);
    });
});

client

作为客户端

var net = require('net');
var HOST = '127.0.0.1';
var PORT = 6000;

var client = new net.Socket();
client.connect(PORT, HOST, function() {

    console.log('CONNECTED TO: ' + HOST + ':' + PORT);
    // 建立连接后立即向服务器发送数据,服务器将收到这些数据
    client.write('Hello!');

});

// 为客户端添加“data”事件处理函数
// data是服务器发回的数据
client.on('data', function(data) {

    console.log('DATA: ' + data);
    // 完全关闭连接
    client.destroy();
});

// 为客户端添加“close”事件处理函数
client.on('close', function() {
    console.log('Connection closed');
});

这样electron中就完成了一个简单的tcp连接.

出自:electron 使用tcp套接字

回到顶部