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 即可

效果

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据