docker一键部署网页版Win11系统

❀͜͡傀儡师2025-12-26 20:49

1、Win11React 简介Win11React 是一个使用现代 Web 技术（主要是 React.js）在浏览器中完全复刻 Windows 11 桌面操作系统界面与核心交互体验的项目。它不是一个真正的操作系统，而是一个高度仿真的 Web 应用。
2、技术实现亮点这个项目的技术价值很高，是学习前端开发的优秀范例：组件化架构：整个桌面（任务栏、开始菜单、窗口、文件资源管理器）都被拆解为独立、可复用的 React 组件。状态管理：需要高效管理大量UI状态（如窗口位置、打开的应用、主题模式），是学习复杂状态管理的绝佳案例。CSS 与动画：使用 Tailwind CSS 等工具精准还原了 Windows 11 的 Fluent Design 设计语言，包括毛玻璃效果、平滑动画和图标系统。
3、主要应用场景前端学习者：通过研究其源码，学习如何用 React 构建大型、复杂、状态驱动的单页应用。创意项目与作品集：开发者可以将其作为技术能力的展示，或在其基础上二次开发，创建个性化的 Web 桌面。娱乐与怀旧：用户可以在任何有浏览器的设备上，体验 Windows 11 的界面，作为一种有趣的在线互动演示。

4、拉取win11镜像

bash 复制代码

docker pull blueedge/win11react:latest

5、创建win11数据目录

bash 复制代码

mkdir /data/win11

创建docker-compose.yml文件

vi /data/win11/docker-compose.yml

bash 复制代码

version: "3.8"

services:
  windows11-web:
    image: blueedge/win11react:latest
    container_name: windows11
    restart: always
    ports:
      - "3000:3000"

启动win11容器

bash 复制代码

cd /data/win11
docker-compose up -d
docker-compose ps

docker启动win11容器

bash 复制代码

docker run -d --restart unless-stopped --name windows11 -p 3000:3000 blueedge/win11react:latest

查看win11容器日志

bash 复制代码

docker logs -f windows11

浏览器访问: http://192.168.102.115:3000