web远程访问Windows桌面

一、远程桌面的方法

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

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

二、web远程方案

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

mstsc,用的是node框架,其使用的是node-rdp。github地址:GitHub - citronneur/mstsc.js: A pure Node.js Microsoft Remote Desktop Protocol (RDP) Client 该方案在Windows server下会出现各种问题,远程桌面连接时会被中断,node-rdpjs里面的lay.js也问题,需要替换到特定的commit(9d4058d600aa3b6159fc5a1e2de20a0511d9c412)下。

使用vnc,需要使用noVnc做代理转发,然后在Canvas标签中显示出画面。

noVnc也是使用node。所以,必须在转发服务器安装node,对noVnc的调用是使用Websockify。vnc server可以使用除RealVNC意外的所有版本。

三、步骤

使用noVnc实现的步骤如下:

1. 在Windows server系统下,首先得配置支持远程桌面服务,可以在“服务管理器--添加角色--远程桌面服务”添加。这点很重要,因为如果要同时远程多个账号,没有添加远程桌面角色,即使在组策略管理中设置了可同时连接的用户数,也是无效的(默认2个用户)

2. 安装node。安装node,要带上npm模块。

3. 将noVnc和websockify放到指定目录,如D:\noVnc,cmd  将当前目录定到D:\noVnc下,使用npm下载安装ws、optimist和mime-types模块(这步安装其实可以省略)

4. cmd当前目录分别移到noVnc代码模块和websockify下,安装ws、optimist和mime-types模块

5. 添加防火墙入站规则,添加协议和端口(tcp:8084),这一步应该也可以不用的,只要设置允许node通过防火墙就行。

6. 执行 node .\websockify.js --web ..\..\noVNC 8084 http://192.168.1.10:5900(192.168.1.10是vnc server所在的IP)

7. 在任意电脑的浏览器上访问:http://192.168.1.10:8084/vnc.html  ----->  输入vnc访问密码

 四、问题

若使用普通app权限执行vnc server,在远程时必须登录要远程登录的账户,否则会提示没有UAC权限。可以使用Windows service方式执行vnc server。

noVNC:GitHub - novnc/noVNC: VNC client web application

websockify:GitHub - novnc/websockify-js: JavaScript WebSocket to TCP bridge

五、方案补充

计划在web远程访问Windows桌面(二)中做些方案补充,及另一种web远程Windows桌面的方案介绍。

  • 3
    点赞
  • 59
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于 Vue 3 + Vite 项目构建,你可以按照以下步骤进行操作: 1. 确保你的开发环境已经安装了 Node.js。你可以在终端中运行 `node -v` 来检查是否已安装 Node.js,并确保其版本大于等于 12.0.0。 2. 安装 Vue CLI,它是一个官方提供的脚手架工具,用于创建和管理 Vue.js 项目。在终端中运行以下命令来全局安装 Vue CLI: ``` npm install -g @vue/cli ``` 3. 创建一个新的 Vue 3 项目。在终端中运行以下命令: ``` vue create my-project ``` 在创建过程中,你会被提示选择预设配置。选择 "Manually select features",然后按下空格键选择 "Choose Vue version"。选择 Vue 3.x 版本。 4. 进入到项目目录中: ``` cd my-project ``` 5. 安装 Vite。在终端中运行以下命令: ``` npm install -D vite ``` 6. 修改项目配置文件 `package.json`,将 `scripts` 中的 `serve` 和 `build` 命令替换为 Vite 的命令: ```json "scripts": { "dev": "vite", "build": "vite build", "serve": "vite preview" } ``` 7. 使用 Vite 运行项目。在终端中运行以下命令: ``` npm run dev ``` 这将启动开发服务器,你可以在浏览器中访问 `http://localhost:3000` 来预览你的 Vue 3 + Vite 项目。 8. 构建项目。在终端中运行以下命令: ``` npm run build ``` 这将生成一个生产优化的构建版本,可以在 `dist` 目录中找到。 这样,你就成功使用 Vue 3 + Vite 构建了一个项目。你可以根据自己的需求进行开发和调整。希望对你有帮助!如有其他问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值