Windows环境下搭建web browser可访问的远程桌面环境

最新推荐文章于 2025-06-16 12:33:56 发布
最新推荐文章于 2025-06-16 12:33:56 发布
阅读量1.4w 收藏 13
点赞数 2
CC 4.0 BY-SA版权
分类专栏： Devops 文章标签： VNC VM 远程桌面 windows
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/github_39160845/article/details/80343655
本文介绍了如何在Windows环境中使用 Tight VNC 和 noVNC 搭建一个可以通过Web浏览器访问的远程桌面。首先，客户端安装并配置Tight VNC，设置外部转发端口。然后，在服务器端安装Node.js和所需npm模块，接着部署noVNC，并通过websockify代理端口。最后，将noVNC部署到Tomcat，通过浏览器访问实现远程桌面控制。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

    由于自动化的测试平台是通过web搭建的, 但是想远程访问client桌面时还需要用vnc viewer或windows remote的方式 所以一直想做一个一站式的交互方式, 随即就研究了一下通过web端通过html的方式直接在浏览器中打开一个client desktop, 并可以远程进行控制.

    client本身都安装了tight vnc, 所以想到了通过noVNC搭建一个server, 用于转发端口到web上.

环境准备

  • tight vnc
  • no vnc
  • nodejs
  • tomcat 或者 IIS

搭建步骤

    1. client端安装tight vnc -- 官网下载tightvnc, 安装选择completed, 启动server后进行设置, 注意, 这里需要保留一个可以外部转发的端口, 在extra下设置一个port, 这里我设置的是5901, 分辨率根据需求自定即可, 我设置的是1366x768.

        

    2. server端安装nodejs, 并下载需要的npm module, 截图如下


                

        

    

    
  


        

            

                      
                        最低0.47元/天 解锁文章
                        

                          
200万优质内容无限畅学

                          
                        

                      
            

        


    



                



	

		

			

				
					
【资深码农】环境搭建篇

				
			

			

				

					情不知所起一往而深
				

				

					10-24
					
					2993
					
				

			

		

		

			
				
scrcpy 是免费开源的投屏软件，支持将安卓手机屏幕投放在 Windows、macOS、GNU/Linux 上，并可直接借助鼠标在投屏窗口中进行交互和录制。市面上主流的多屏协同软件都是基于 scrcpy，套层皮，bug 几乎没改，推荐直接使用 scrcpy。电脑端完成配置后，我们还需要在手机端开启 开发者选项 及 USB 调试。然后使用数据线将手机和电脑连接并允许 USB 调试，双击解压得到的 scrcpy.exe 文件，即可进行有线投屏。如有报错，参考文章底部的说明。

			
		

	



                

            
              



	

		

			

				
					
web远程桌面

				
			

			

				

					daoer_sofu的专栏
				

				

					05-24
					
					725
					
				

			

		

		

			
				
高效截屏

windows：direct2d支持硬件加速，没有加速也比gdi快
linux：opengl硬件加速
qt截图，跨平台截图

图像传输
bmp原始数据1068*1024的图片压缩jpg需要200k，每秒20帧的画面不卡顿，如果要操作流畅传输图像是不行，使用ffmpeg传输视频的方式，内部自带图像压缩算法数据量小
内网穿透
方向穿透的原理，建立第三方服务器，接收已有服务端和客户端的ip数据，并发送给客户端，实现客户端的重定向
web绘制
canvas绘制图像效率很高，操作不会卡顿
https://

			
		

	



              


  
              

                


	

		

			

				
					
web端实现远程桌面控制

				
			

			

				

					Perback的博客
				

				

					10-31
					
					3974
					
				

			

		

		

			
				
现在就可以实现远程控制了，发送的事件类型根据桌面端服务需要什么参数协商好就成，接下来就是处理分辨率适配问题了，解决办法大致就是赋值img图片后拿到他的参数分辨率，然后获取自身浏览器的宽高，除以他的分辨率再乘上自身获取的鼠标坐标就OK了，获取img图片事件需要延迟一下，因为是后面socket连接后才赋值的图片，否则宽高就一直是0，加在watchControl事件里面，发送时坐标也要重新计算。，因为web端使用的电脑屏幕大小是不一样的，切桌面端发送给你的桌面流比如是全屏分辨率的，以此得做。

			
		

	





	

		

			

				
					
自己动手实现网页版的远程桌面

				
			

			

				

					m0_37623485的博客
				

				

					06-14
					
					1万+
					
				

			

		

		

			
				
远程桌面Web版

			
		

	



		

			
		



	

		

			

				
					
一步一步的配置启用远程桌面连接，直到任意网络电脑都能直接远程访问到

					
最新发布

				
			

			

				

					csghdn的博客
				

				

					06-16
					
					1358
					
				

			

		

		

			
				
如果您本地有公网IP且是经过路由器的，除了局域网内远程外，还需要通过互联网连接远程桌面，必须在路由器上进行端口转发。如果你本地没有公网IP权限，需要提供给跨网其他网络下电脑远程连接访问的，还需要用内网穿透技术应用，如nat123软件，将本地远程桌面的内网地址转换成公网地址。（2）在客户端主界面上“添加映射”操作，自定义好对应的内网地址（本地远程桌面主机IP和端口）与外网地址（给外面网络远程访问用的域名和外网端口），然后保存即可。连接成功后，你将看到远程计算机的桌面，操作界面和本地计算机一样。

			
		

	





	

		

			

				
					
web远程访问Windows桌面

					
热门推荐

				
			

			

				

					donglinshengan的专栏
				

				

					11-12
					
					3万+
					
				

			

		

		

			
				
一、远程桌面的方法

Windows远程桌面连接可以使用微软自带的mstsc，还有比较常用的teamviewer、toDesk、向日葵和vnc等。其中teamviewer是商用软件，现在需注册登录，个人感觉不是很好用。

这些都是客户端桌面软件，这边要说的是，采用web浏览器的方式连接远程桌面。

二、web远程方案

这边要说的是，使用开源代码的方式实现：

mstsc，用的是node框架，其使用的是node-rdp。github地址：GitHub - citronneur/mstsc.js: A pur

			
		

	





	

		

			

				
					
Web 连接远程桌面（3389登陆器） 网页版

				
			

			

				

					03-27
				

			

		

		

			
				
Web 连接远程桌面（3389登陆器） 网页版

			
		

	





	

		

			

				
					
RDP.html连接远程桌面（3389登陆器） Web网页版

				
			

			

				

					12-20
				

			

		

		

			
				
准备生成好一个RDP文件，快速远程协助的配置文件，供web端下载执行

			
		

	





	

		

			

				
					
VMware 配置 LAMP 环境（搭建Web服务器）

				
			

			

				

					啊峰成长记
				

				

					03-15
					
					1985
					
				

			

		

		

			
				
文章目录背景一、版本二、安装 VMware 软件以及 Linux 系统1.安装 VMware 软件2.Linux 系统三、环境配置1. 网络配置2.LAMP环境配置四、环境测试（只有 Apache 和 PHP 测试，MySQL 之后更新）1.在虚拟机中测试 Apache 和 PHP 环境2.在宿主机中测试 Apache 和 PHP 环境五、可能遇到的问题
背景
前段时间在学习 ThinkPHP，但...

			
		

	





	

		

			

				
					
【python】本地部署Jupyter笔记结合内网穿透配置公网地址实现远程访问

				
			

			

				

					“路漫漫其修远兮，吾将上下求索。”
				

				

					07-25
					
					1183
					
				

			

		

		

			
				
在数据分析工作中，使用最多的无疑就是各种函数、图表、代码和说明文档，这些复杂的内容不仅让使用的人头晕脑胀，也让普通的聊天工具一脸蒙圈。沟通工具不给力，就没法协同办公，可数据分析又离不开多人配合，所以Jupyter Notebook就成为大部分数据工作人员的必备工具。正如之前所说，Jupyter Notebook很适应复杂内容的沟通，因此现在也在机器学习、深度学习和教育工作中获得广泛应用。但Jupyter Notebook也有缺陷，就是被局限在局域网范围。

			
		

	





	

		

			

				
					
WinCE环境下Web控件界面开发教程

				
			

			

				

					
				

			

		

		

			
				
WinCE HTML Browser Control是Windows CE平台上用于嵌入式开发的一个重要组件，它可以使得开发者能够将Web技术整合到其应用程序中。这样，开发者就可以利用HTML、CSS和JavaScript等Web标准技术来创建用户界面，这...

			
		

	





	

		

			

				
					
远程桌面 Web 连接

				
			

			

				

					weixin_30387423的博客
				

				

					10-31
					
					447
					
				

			

		

		

			
				
下载：远程桌面WEB连接工具
1.0 简介
1.1 什么是远程桌面 Web 连接？
欢迎使用“远程桌面 Web 连接”。“远程桌面 Web 连接”是“终端服务”组件及功能的一个中间版本。此版本的目的在于扩展客户端的“终端服务”功能，以便系统管理员、网页设计人员和 Web 管理员能够在网页或 Visual Basic® 应用程序中实现终端服务客户端会话，而无需用户下载或安装整个“远程...

			
		

	





	

		

			

				
					
ThinVNC - Web Remote Desktop:用于远程桌面访问HTML5客户端-开源

				
			

			

				

					05-08
				

			

		

		

			
				
ThinVNC是一个Web远程访问客户端（基于浏览器HTML5）。 它是标准VNC协议的改进版本。 它涵盖了所有相同的场景，但是具有更好的性能，并且无需安装PC客户端或任何浏览器插件。 在充当“服务器”的PC或笔记本电脑上安装ThinVNC之后，只需连接Web浏览器即可。 远程访问您的桌面和文件（甚至从移动设备访问），并且就像您刚从那台计算机进入一样工作。 ThinVNC是纯Web远程访问实现（基于HTML5和AJAX）。 该网络客户端可在任何兼容HTML5的浏览器上运行，例如Chrome，Firefox，Safari，Opera，IE或Edge。 注意：此项目是Thinfinity解决方案的第一个版本。 请访问我们的网站，以找到具有RDP，应用程序发布，具有打印机和音频支持的桌面虚拟化，安全访问配置文件，MFA，Okta支持，文件传输（FTP）和其他功能的安全，功能齐全的远程访问解决方案。

			
		

	





	

		

			

				
					
远程桌面 Web.html

				
			

			

				

					05-01
				

			

		

		

			
				
可以用网页3389，非常快捷方便哈哈撒

			
		

	





	

		

			

				
					
web端实现远程桌面,novnc

				
			

			

				

					11-01
				

			

		

		

			
				
首先你得在需要远程的电脑上安装ultravnc,这项目我经我改过的原版的，可以进行一拖多的代理。你需要改的是D:\novnc_web\xishanjiancezhan\nodevnc\node_modules\websockify-master\other\js\websockify.js这个文件。如果不会用，或者需要指导的话可以加我QQ771083842。这个项目是可以保证能用的，解决一些问题花了我不少时间，所以必须是10分。真正可用的资源不是那么容易得到的

			
		

	





	

		

			

				
					
Remote desktop web access

				
			

			

				

					yingyingol
				

				

					10-25
					
					2861
					
				

			

		

		

			
				
 微软提供了一个远程访问“同一个域内机器上安装的桌面应用”的方案，他们把这套方案称之为"Remote desktop service"，即提供一个“共享给web用户的远程桌面服务”，这个服务为企业所谓的"Cloud services"提供某部分的技术支持，这也是我在最近项目中所参与的一小部分工作，为一个针对中小型企业的ERP写一个公用的web portal，所有的企业客户通过这个web porta...

			
		

	





	

		

			

				
					
远程桌面web连接

				
			

			

				

					weixin_30314793的博客
				

				

					07-11
					
					1136
					
				

			

		

		

			
				
我们可以利用web浏览器搭配远程桌面技术来连接远程计算机，这个功能被称为远程桌面web连接（Remote desktop web connection），要享有此功能，请先在网络上一台windows server 2012计算机内安装远桌面web访问角色服务与web服务器iis，客户端计算机通过网页浏览器连接到远程桌面web访问网站后，再通过此网站来连接远程计算机。

	注：可...

			
		

	





	

		

			

				
					
html5 remote desktop,ThinVNC - Web Remote Desktop

				
			

			

				

					weixin_42146086的博客
				

				

					06-25
					
					583
					
				

			

		

		

			
				
ThinVNC is a web remote access client (browser-based, HTML5). It's an improved version of the standard VNC protocol. It covers all the same scenarios, but with much better performance and without the ...

			
		

	





	

		

			

				
					
web远程访问Windows桌面（二）

				
			

			

				

					donglinshengan的专栏
				

				

					08-28
					
					7665
					
				

			

		

		

			
				
另一种web远程方案Guacamole及各种远程方案的对比

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值