Win11React网页版Windows11桌面体验部署教程，帕斯内网穿透实现公网访问完整搭建指南
作者
小编
发布时间
项目介绍
Win11React 是一个开源项目，旨在使用标准的 Web 技术（React、CSS/SCSS 和 JavaScript）在网页上复制 Windows 11 桌面体验。这个项目完全基于 React 17.0.2 + Redux 构建，不使用任何第三方 UI 库，所有组件都是原生开发。
该项目提供了几乎完整的 Windows 11 桌面体验，包括开始菜单、搜索菜单、小组件、桌面右键操作、侧边导航和日历视图、窗口吸附布局、内置浏览器、应用商店、终端、计算器、记事本、VSCode、白板、文件资源管理器、设置面板、窗口拖拽和调整大小、启动和锁屏界面、主题和背景切换，以及多语言支持等功能。
界面高度还原 Windows 11 的视觉效果，支持模糊效果、动画过渡等现代 UI 特性。项目完全运行在浏览器中，无需安装任何软件，可以让用户在任何设备上体验 Windows 11 的界面和操作方式。
项目地址： 点我跳转
部署安装
如需在外也打开项目需要配置内网穿透使用，点击前往 帕斯内网穿透，先注册好账号备用。
打开飞牛 NAS 或其他的 NAS 设备 点击本地镜像-添加镜像-从 URL 添加。这一步先添加 docker 镜像
镜像填 blueedge/win11react:latest 等待下载完成后点击启动按钮启动容器
勾选开机自动启动后下一步，端口设置这里。请设置容器内端口 3000 映射到主机端口 3000（如果端口冲突可以修改主机端口，比如改成 3001:3000，但容器内端口必须保持 3000）
存储位置这里，该项目不需要持久化存储，可以跳过此步骤。
环境变量设置：该项目无需设置任何环境变量，可以直接跳过。
其他的都不用填写，直接下一步启动就好了。
创建成功后可以访问 ip:3000 到这里就可以正常显示项目了
穿透公网
打开帕斯内网穿透控制台，点击隧道管理-隧道列表
点击创建新隧道
隧道节点可以随便选，一般选个负载低的就可以
接下来填写信息，隧道名称可以随便填写
本地 IP 默认就可以
传输协议可以选择 TCP 也可以选择 HTTP/HTTPS
HTTP 就是域名的形式，教程以使用 TCP 为演示
本项目中如果没有修改端口的话默认是 3000 端口，这里本地端口就填 3000
远程端口可以留空也可以自定义。下图仅做参考，请按照实际项目端口添加。
填写完毕点击确定
点击刚才创建好的隧道，点击获取配置文件
回到飞牛 NAS，点击应用中心下载 frpc 客户端
打开后粘贴刚才复制的配置文件，点击确定即可
复制帕斯内网穿透控制台的访问 IP 和端口
可以看到已经正常穿透成功了
本篇教程结束