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