## 一、noVNC 是什么？能解决什么问题？

### 1.1 noVNC 简介

**noVNC** 是一个基于 HTML5 WebSocket 的 VNC 客户端：
- 使用浏览器即可访问远程桌面
- 不需要安装任何本地 VNC 客户端
- 支持 Linux / Windows / macOS

📌 本质架构：
```
浏览器 ──WebSocket──▶ noVNC ──TCP──▶ VNC Server ──▶ 桌面环境
```

### 1.2 典型使用场景

- 云服务器 Web 化运维
- 工业设备 / 上位机远程维护
- 内网设备通过 Web 暴露桌面（跳板机）
- SaaS 平台嵌入式远程桌面


----
## 二、整体部署架构说明（非常重要）

### 2.1 组件说明


|组件|作用|
|:-:|:-:|
|桌面环境|提供可视化桌面（XFCE / GNOME）|
|VNC Server|把桌面暴露成 VNC 服务|
|noVNC|把 VNC 转成 WebSocket|
|Web 浏览器|用户访问入口|

### 2.2 最终访问效果

```
浏览器访问：http://服务器IP:6080
        ↓
直接看到 Linux 桌面
```

----
## 三、实操环境准备

### 3.1 环境信息（示例）

- OS：Ubuntu 20.04 / 22.04
- 用户：root（或 sudo 用户）
- 服务器已开放端口：
	- `5901`（VNC）
	- `6080`（noVNC）

📌 **建议先关闭防火墙或放通端口**


----
## 四、步骤一：安装桌面环境（XFCE，轻量推荐）

```
apt update
apt install -y xfce4 xfce4-goodies
```

>安装完成后，系统具备基础图形桌面能力


----
## 五、步骤二：安装并配置 VNC Server

### 5.1 安装 TightVNC

```
apt install -y tightvncserver
```

### 5.2 初始化 VNC（第一次必须做）

```
tightvncserver :1
```

执行后：
- 设置 VNC 访问密码
- 自动创建配置目录：

```
~/.vnc/
  ├── passwd
  ├── xstartup
```

>终端提示输入 VNC 密码


----
### 5.3 配置 VNC 启动桌面

编辑 xstartup：

```
nano ~/.vnc/xstartup
```

内容替换为：
```
#!/bin/sh
unset SESSION_MANAGER
unset DBUS_SESSION_BUS_ADDRESS
exec startxfce4 &
```

赋予执行权限：

```
chmod +x ~/.vnc/xstartup
```

----
### 5.4 重启 VNC 服务

```
tightvncserver -kill :1
tightvncserver :1
```

此时：
- VNC 服务监听端口：`5901`

>使用本地 VNC 客户端已可看到桌面


----
## 六、步骤三：安装 noVNC

### 6.1 安装依赖

```
apt install -y git python3
```

### 6.2 下载 noVNC

```
cd /opt
git clone https://github.com/novnc/noVNC.git
cd noVNC
git clone https://github.com/novnc/websockify.git
```

目录结构：

```
/opt/noVNC
 ├── vnc.html
 ├── index.html
 └── websockify/
```

----
## 七、步骤四：启动 noVNC 服务

### 7.1 启动 WebSocket 转发

```
cd /opt/noVNC
./utils/novnc_proxy --vnc localhost:5901 --listen 6080
```

参数说明：
- `5901`：VNC 服务端口
- `6080`：浏览器访问端口

>终端显示：Listening on 0.0.0.0:6080


----
## 八、步骤五：浏览器访问验证

### 8.1 打开浏览器

```
http://服务器IP:6080/vnc.html
```

### 8.2 连接流程

1. 页面加载 noVNC
2. 点击 **Connect**
3. 输入 VNC 密码
4. 成功进入 Linux 桌面
5. 
----
## 九、常见问题排查（必看）

### 9.1 黑屏问题

原因：
- xstartup 未配置
- 桌面环境未安装

解决：
```
cat ~/.vnc/xstartup
```

----
### 9.2 无法连接 VNC

检查：
```
netstat -ntlp | grep 5901
```

----
### 9.3 noVNC 页面能打开但连不上

确认：
- VNC 服务是否运行
- 端口是否防火墙拦截


----
## 十、生产环境建议（非常重要）

### 10.1 不要裸奔

❌ 直接公网暴露 5901 / 6080
✅ 建议方案：
- Nginx + HTTPS
- 内网访问 + VPN
- Token / 登录态控制


----
### 10.2 使用 systemd 管理 noVNC

可将 noVNC 做成系统服务，避免断连（可后续扩展）


----
## 十一、进阶架构（工业 / IoT 场景推荐）

```
浏览器
  │
  ▼
Nginx（鉴权 / HTTPS）
  │
  ▼
noVNC（WebSocket）
  │
  ▼
VNC Server
  │
  ▼
设备桌面 / 上位机
```

----
## 十二、总结

✔ noVNC = **浏览器即远程桌面**
✔ 非常适合：
- 工业设备
- 运维平台
- IoT 管控系统

浏览器访问：http://服务器IP:6080        ↓直接看到 Linux 桌面

noVNC 实操教程

本教程以 Linux + noVNC + VNC Server 为例，最终效果： 直接通过浏览器访问 Linux 桌面（无需安装客户端）

架构师

网络与通信

运维

后端

noVNC是基于HTML5的VNC客户端，无需安装本地软件即可通过浏览器访问远程桌面。本文详细讲解如何在Ubuntu系统部署noVNC，包括安装XFCE桌面环境、配置TightVNC服务、启动noVNC代理等完整步骤，并提供了常见问题排查方法和生产环境安全建议，适用于云服务器运维、工业设备远程维护等场景。

云服务器

服务器

防火墙

Windows

Ubuntu

Linux

HTML5

GNOME

SaaS

XFCE

4核4G3M云服务器 新用户低至38元/年！

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

noVNC 实操教程-腾讯云开发者社区-腾讯云

noVNC 实操教程

noVNC 实操教程

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐