Heroic2024/rema-website-demo
GitHub: Heroic2024/rema-website-demo
一个用于 REMA 项目的静态演示网站,通过本地 Node 或 Apache 部署解决虚假前端与教学演示需求。
Stars: 0 | Forks: 0
# Dream Deal Detonator
这是一个用于我们 REMA 项目的临时网站。背后并无恶意意图。这只是一个演示网站。一个带有闪光 Vanilla 前端的微型 parody 网络应用。它故意是虚构的、可笑的,并且现在包含了 Apache 兼容的静态构建输出。
## 文件
- `server.js` - 用于本地 Node 托管的 Express 服务器
- `public/` - 静态 HTML、CSS 和 JavaScript
- `downloads/` - 可通过按钮下载的存储文件
- `scripts/build-apache-dist.js` - 创建 Apache 兼容的 `dist/` 文件夹
- `apache/` - Windows/XAMPP 和 Linux 的示例 Apache 虚拟主机配置
- `package.json` - 依赖项和启动脚本
## 1. 安装依赖
```
npm install
```
## 2. 本地运行
```
npm start
```
然后在浏览器中打开 `http://localhost:3000`。
## 3. 构建用于 Apache
```
npm run build:apache
```
这将创建一个 `dist/` 文件夹,其中包含:
- 来自 `public/` 的网站资源
- 复制到网站根目录的 `downloads/` 目录
- 生成的 `downloads-manifest.json`
- 用于 Apache 重写处理的 `.htaccess` 文件
将 Apache 的 `DocumentRoot` 指向 `dist/`,或将 `dist/` 的内容上传到目标网站根目录。
## 4. Apache 虚拟主机示例
```
ServerName example.com
DocumentRoot /var/www/dream-deal-detonator/dist
AllowOverride All
Require all granted
```
请确保 Apache 已启用 `mod_rewrite` 模块,以便包含的 `.htaccess` 正常工作。
此仓库中还包含现成的示例:
- `apache/httpd-vhosts-xampp.conf.example`(适用于 Windows/XAMPP)
- `apache/dream-deal-detonator.conf.example`(适用于 Linux Apache)
### Windows 或 XAMPP
1. 运行 `npm run build:apache`。
2. 将 `apache/httpd-vhosts-xampp.conf.example` 中的虚拟主机配置复制到 XAMPP Apache 的 `conf/extra/httpd-vhosts.conf`。
3. 在 Windows 主机文件中添加 `127.0.0.1 rema-demo.local`。
4. 确保以下 Apache 模块在 `httpd.conf` 中已启用:
- `mod_rewrite`
- `mod_vhost_alias`
5. 重启 Apache 并打开 `http://rema-demo.local/`。
### Linux Apache
1. 运行 `npm run build:apache`。
2. 将 `apache/dream-deal-detonator.conf.example` 复制到 `/etc/apache2/sites-available/dream-deal-detonator.conf`。
3. 更新 `ServerName`、`ServerAlias` 和 `DocumentRoot` 以适配你的服务器。
4. 启用站点和重写模块:
```
sudo a2enmod rewrite
sudo a2ensite dream-deal-detonator.conf
sudo systemctl reload apache2
```
如果你使用的是带有 `httpd` 的 RHEL、CentOS 或 AlmaLinux,请将虚拟主机文件放置到 `/etc/httpd/conf.d/` 并重载 `httpd`。
## 5. 通过 Railway 和 GitHub 部署
1. 将此项目推送到 GitHub 仓库。
2. 在 Railway 中选择 **New Project**。
3. 选择 **Deploy from GitHub Repo** 并挑选你的仓库。
4. Railway 将自动检测 Node.js。
5. 确保服务使用默认的 `npm start` 命令。
6. 部署。Railway 将提供 `PORT`,而此应用已监听 `process.env.PORT`。
## 说明
- 不需要数据库或真实后端逻辑。
- Apache 构建是完全静态的,服务器无需 Node。
- 本地 Node 服务器仍然可用,并且现在也暴露了 `/downloads-manifest.json`。
- 向 `downloads/` 添加你自己的可下载文件并重新构建,以将它们包含在 Apache 输出中。
- 该网站并不模仿任何真实品牌或服务。
标签:Apache, Cilium, DAST, DNS解析, Dream Deal Detonator, Express, GNU通用公共许可证, HTAccess, MITM代理, Node.js, NPM, REM 项目, SEO, Waymore结果处理, Web 服务器, 下载管理, 前端, 反向工程, 开源项目, 恶意软件分析, 本地开发, 演示网站, 网站模板, 自定义脚本, 虚拟主机, 静态网站