Windows 11 React 搭建方式

windows11 是 blueedgetechno 用 React 实现的 Web Windows 11 UI

下文将展示如何在 Debian 10 搭建此项目

环境

• Debian 10

步骤

以下指令均在 root 用户下执行，其他用户酌情添加 sudo

安装 Node.js 环境

curl -fsSL https://deb.nodesource.com/setup_lts.x | bash -
apt install -y nodejs
npm install -g yarn
yarn global add serve

安装 Windows 11 React

获取源代码

git clone https://github.com/blueedgetechno/windows11.git
cd windows11

安装组件

cd windows11
npm install
npm audit fix

编译并运行

npm run build
serve -s build

serve 默认监听0.0.0.0:5000，外网直接访问有安全问题，可以使用 -l 参数指定监听 URL，随后配置 Web 服务器反代

serve -s build -l tcp://127.0.0.1:5000

Nginx 反代

在 /etc/nginx/sites-available 下新建配置文件 win11，写入以下内容

server {
        listen 80;
        server_name [your domain here];

        location / {
                proxy_pass http://127.0.0.1:5000;
                proxy_set_header Host $host;
                proxy_set_header X-Real-IP $remote_addr;
        }
}

软链接启用配置文件

ln -s /etc/nginx/sites-available/win11 /etc/nginx/sites-enabled/win11

重载 nginx

nginx -t # 测试
nginx -s reload

如果有域名需求，直接解析到 IP 即可

效果