优惠活动平台

MCP优惠活动平台部署指南

这个仓库包含完整的优惠活动展示平台，包含18个固定活动，支持获取真实推广链接，可一键部署到GitHub和Render。

一、功能说明

• 前端：静态页面展示18个优惠活动（分类、名称、描述、图片），支持点击获取真实推广链接。
• 后端：Node.js服务，提供活动列表接口和推广链接生成接口（调用聚推客API）。
• 数据：活动信息写死在代码中，确保18个活动全部展示，链接实时生成。

二、部署步骤

1. 准备工作

• 注册GitHub账号：https://github.com/
• 注册Render账号：https://render.com/（免费版足够）

2. 部署后端服务（Render）

步骤1：创建GitHub仓库

1. 登录GitHub，点击「+」→「New repository」，仓库名填 mcp-full-deploy。
2. 勾选「Public」，点击「Create repository」。

步骤2：上传后端代码

1. 进入仓库，点击「Add file」→「Create new file」。
2. 依次创建 backend/app.js、backend/db.js、backend/package.json，复制上面的对应代码。

步骤3：部署到Render

1. 登录Render，点击「New」→「Web Service」→「Connect to GitHub」，选择你的 mcp-full-deploy 仓库。
2. 配置部署信息：
   • Name：mcp-full-server（自定义）
   • Root Directory：backend
   • Build Command：npm install
   • Start Command：node app.js
3. 点击「Create Web Service」，等待部署完成（约1分钟），记录生成的后端域名（如 https://mcp-full-server.onrender.com）。

3. 部署前端页面（GitHub Pages）

步骤1：上传前端代码

1. 在GitHub仓库中，点击「Add file」→「Create new file」，路径填 frontend/public_promo.html。
2. 复制上面的前端代码，修改 BACKEND_URL 为你的Render后端域名（如 https://mcp-full-server.onrender.com）。
3. 点击「Commit changes」保存。

步骤2：启用GitHub Pages

1. 仓库页面点击「Settings」→「Pages」→「Source」选择「main」分支，「/ (root)」。
2. 点击「Save」，等待1分钟，获取前端页面地址（如 https://你的用户名.github.io/mcp-full-deploy/frontend/public_promo.html）。

三、使用说明

1. 访问前端页面地址，即可看到18个活动的卡片列表。
2. 点击每个卡片的「获取真实推广链接」按钮，会显示该活动的H5链接、App直达链接、小程序链接（如有）。
3. 所有链接均为聚推客实时生成的有效链接，点击可直接跳转。

四、常见问题

• 链接获取失败：检查Render后端是否部署成功，或聚推客apikey是否有效（代码中已内置可用apikey）。
• 前端页面404：检查GitHub Pages配置是否正确，文件路径是否为 frontend/public_promo.html。
• 后端休眠：Render免费版30分钟无访问会休眠，首次点击链接可能需要等待3-5秒唤醒。