【webtop】docker安装最轻便的linux可视化桌面教程及大比拼

前言

本项目为大名鼎鼎的linuxserver原创项目，项目地址：https://github.com/linuxserver/docker-webtop ，是我最最最最满意的在linux用docker部署可视化桌面的项目。

特点：

• 多种桌面系统和操作系统可选（但我只推荐alpine，没装windows肯定是因为配置不够，所以必须用最轻便的系统）、
• 商店里的软件足够日常使用，可视化安装软件
• 使用KasmVNC web模式，无需vnc软件，有浏览器即可连接
• 音频同步，本地输入，剪切板同步

可安装APP

各个桌面系统区别

控制变量

统一yaml文件、chrome、安装完chrome后重启容器，宝塔内存查看器。

XFCE Alpine

非常标准的桌面，功能简介但完全够，内存占用较低。

准系统内存占用	系统 chrome内存占用	样式

KDE Alpine

对标windows，界面好看，功能丰富，但内存占用高。

准系统内存占用	系统 chrome内存占用	样式

MATE Alpine

功能与XFCE几乎一样，只是看起来不一样，内存占用一般

准系统内存占用	系统 chrome内存占用	样式

Openbox Alpine

虚空桌面，只有一个右键菜单，内存占用极低。

准系统内存占用	系统 chrome内存占用	样式

IceWM Alpine

没什么特色，ui复古，内存占用较低，但无中文。

准系统内存占用	系统 chrome内存占用	样式

部署教程

docker-compose.yml （自己整理的，我认为这个最好）

services:
  webtop:
    image: lscr.io/linuxserver/webtop:latest  # 对应着Tag所示的桌面系统
    container_name: webtop  # 设置容器名称为"webtop"
    security_opt:
      - seccomp:unconfined  # 禁用容器的seccomp安全配置文件，允许更多操作自由
    environment:
      - PUID=1000  # 设置用户ID为1000，用于权限管理
      - PGID=1000  # 设置组ID为1000，用于权限管理
      - TZ=Asia/Shanghai  # 设置容器的时区为上海
      - TITLE=Webtop  # Web界面的标题
      - DOCKER_MODS=linuxserver/mods:universal-package-install  # 使用Docker修改版安装额外软件包
      - INSTALL_PACKAGES=font-noto-cjk  # 在容器中安装Noto CJK字体
      - LC_ALL=zh_CN.UTF-8  # 设置环境语言为简体中文，并使用UTF-8编码
      - NO_DECOR=1  # 在web界面中禁用窗口装饰
      - CUSTOM_USER=xxxxxx  # 设置容器会话的自定义用户名
      - PASSWORD=xxxxxxxxx  # 设置容器会话的密码
    volumes:
      - /root/webtop/config:/config  # 将主机目录挂载到容器中，用于配置的持久化
      - /var/run/docker.sock:/var/run/docker.sock  # 将Docker套接字挂载到容器中，以便在容器内管理Docker
    ports:
      - 127.0.0.1:3000:3000  # 将本地机器的3000端口绑定到容器的3000端口，限制访问仅本地机
    shm_size: "1gb"  # 为容器分配1GB共享内存，对GUI应用程序有用
    restart: unless-stopped  # 除非明确停止，否则重启容器

可选Tag（已删除其他操作系统，因为我只喜欢alpine）

安装应用

原文当：https://github.com/linuxserver/proot-apps?tab=readme-ov-file#hello-world
以下方法二选一

• 在系统自带的命令终端里输入 proot-apps install gui安装可视化商店，通过商店安装、更新和卸载软件
• 在系统自带的命令终端里输入 proot-apps install xxxx直接安装软件（原文当里获取软件名称）

无损模式

建议不要用ip:端口来访问webtop，请使用ngixn反向代理，在打开SSL后，反向代理配置文件中添加以下代码即可激活无损模式，要在webtop左边的菜单里打开。

    add_header 'Cross-Origin-Embedder-Policy' 'require-corp';
    add_header 'Cross-Origin-Opener-Policy' 'same-origin';
    add_header 'Cross-Origin-Resource-Policy' 'same-site';

后话

终于找到心目中的项目了，给大家分享分享，只写了一些核心部分，剩下的你自己研究一下也挺好，希望大家能用得上