描述

主要從事網(wǎng)頁(yè)設(shè)計(jì)、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、成都響應(yīng)式網(wǎng)站建設(shè)公司、程序開發(fā)、微網(wǎng)站、小程序開發(fā)等，憑借多年來(lái)在互聯(lián)網(wǎng)的打拼，我們?cè)诨ヂ?lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站、網(wǎng)絡(luò)營(yíng)銷經(jīng)驗(yàn)，集策劃、開發(fā)、設(shè)計(jì)、營(yíng)銷、管理等多方位專業(yè)化運(yùn)作于一體，具備承接不同規(guī)模與類型的建設(shè)項(xiàng)目的能力。

最近使用node實(shí)現(xiàn)了一個(gè)遠(yuǎn)程桌面監(jiān)控的應(yīng)用，分為服務(wù)端和客戶端，客戶端可以實(shí)時(shí)監(jiān)控服務(wù)端的桌面，并且可以通過(guò)鼠標(biāo)和鍵盤來(lái)控制服務(wù)端的桌面。

這里因?yàn)槲沂怯玫耐慌_(tái)電腦，所以監(jiān)控畫面是這樣的，當(dāng)然使用兩臺(tái)電腦一個(gè)跑客戶端，一個(gè)跑服務(wù)端才有意義。

原理

其實(shí)這個(gè)應(yīng)用的功能主要分為兩部分，一是實(shí)現(xiàn)監(jiān)控，即在客戶端可以看到服務(wù)端的桌面，這部分功能是通過(guò)定時(shí)截圖來(lái)實(shí)現(xiàn)的，比如服務(wù)端一秒截幾次圖，然后通過(guò)socketio發(fā)送到客戶端，客戶端通過(guò)改變img的src來(lái)實(shí)現(xiàn)一幀幀的顯示最新的圖片，這樣就能看到動(dòng)態(tài)的桌面了。監(jiān)控就是這樣實(shí)現(xiàn)的。

另一個(gè)功能是控制，即客戶端對(duì)監(jiān)控畫面的操作，包括鼠標(biāo)和鍵盤的操作都可以在服務(wù)端的桌面真正的生效，這部分功能的實(shí)現(xiàn)是在electron的應(yīng)用中監(jiān)聽了所有的鼠標(biāo)和鍵盤事件，比如keydown、keyup、keypress，mousedown、mouseup、mousemove、click等，然后通過(guò)socketio把事件傳遞到服務(wù)端，服務(wù)端通過(guò) robot-js來(lái)執(zhí)行不同的事件，這樣就能使得客戶端的事件在服務(wù)端觸發(fā)了。

實(shí)現(xiàn)

原理講完，我們來(lái)具體實(shí)現(xiàn)一下（源碼鏈接在這）。

實(shí)現(xiàn)socket通信

首先，服務(wù)端和客戶端分別引入socket.io和socket.io-client, 分別初始化

服務(wù)端：

const app = new Koa();
const server = http.createServer(app.callback());
createSocketIO(server);

app.use((ctx): void => {
  ctx.body = 'please connect use socket';
});

server.listen(port, (): void => {
  console.log('server started at http://localhost:' + port);
});

//createSocketIO
const io = socketIO(server, {
    pingInterval: 10000,
    pingTimeout: 5000,
    cookie: false
  });

io.on('connect', (socket): void => {
  socket.emit('msg', 'connected');
}

網(wǎng)頁(yè)題目：Node.js實(shí)現(xiàn)遠(yuǎn)程桌面監(jiān)控的方法步驟-創(chuàng)新互聯(lián)
分享地址：http://weahome.cn/article/dpoeco.html