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步