windows--novnc 在瀏覽器中打開並控制遠程屏幕

https://github.com/molleahahs/novnc-browser

此git項目地址readme.md中帶有詳細描述

此博客再描述一遍。。。

場景:電腦A想實現通過一個網址,在瀏覽器中遠程電腦B,查看和操作電腦B裏面的東西

準備工作:

(注意:不要將電腦A和電腦B搞混啦,我這下面的描述大部分都是針對電腦B,也就是那個被操作的電腦。)

1.兩臺電腦A,B,不要用自己的電腦遠程自己的電腦哦,會陷入遠程循環的。

2.電腦B安裝配置好vnc server,見博客https://blog.csdn.net/mollerlala/article/details/105750465,然後運行vnc server

(注意:第3步到第8步也可以直接下載或者克隆頁面最開始的git倉庫哦。)

3.電腦B在git上面下載noVNC項目https://github.com/novnc/noVNC

4.電腦B在git上面下載websockify-js,注意是js版哦https://github.com/novnc/websockify-js

5.電腦B在你平時放項目的文件夾,新建一個項目文件夾,叫novnc-browser,名字可以隨意取,將剛剛下載的noVNC和websockify-js都放在這個目錄中。

6.命令行工具切換到這個新項目,然後執行npm init

npm  init

7.然後安裝optimist,ws,mime-types三個模塊,這都是websockify.js需要的模塊。

npm install optimist
npm install ws
npm install mime-types

8.將websockify-js目錄複製到noVNC目錄

9.將noVNC目錄複製到npm install之後出現的node_modules目錄

10.命令行切換到nodel_modules\noVNC\websockify-js\websockify目錄,也就是帶有websockify.js的文件夾下面。

11.執行下方命令

node websockify.js --web D:\phpStudy\PHPTutorial\WWW\git\novnc-browser\node_modules\noVNC 6080 你自己的serverIp:你自己的serverPort

上方代碼複製成文本形式,方便觀看:

node websockify.js --web D:\phpStudy\PHPTutorial\WWW\git\novnc-browser\node_modules\noVNC 6080 你自己的serverIp:你自己的serverPort

解釋:

命令中的路徑:D:\phpStudy\PHPTutorial\WWW\git\novnc-browser\這部分,請改爲你自己下載或者克隆項目的存放路徑;

6080:是 novnc/utils/launch.sh中默認的,你可以隨便設置一個端口,比如1111,2222等,不影響到其他程序的端口就行

你自己的serverIp:是vnc server這個軟件啓動後帶的,一般是電腦B命令行ipconfig後的ipv4地址。

你自己的serverPort:是vnc server這個軟件設置的,默認是5900

12.vnc server的security的encryption配置爲prefer on(這個視情況來哦!)


電腦A:

1.瀏覽器打開網址(電腦B第11步的serverIp:6080/vnc.html),然後點擊屏幕出現的鏈接按鈕,輸入電腦B的vnc server的遠程驗證密碼即可

如果控制檯出現unsupported security types見下圖,就配置電腦B的第12步

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章