流量主变现系统，也常被称为任务管理系统，是一种高效的流量变现解决方案。其核心逻辑是引导用户通过观看广告来解锁他们所需的资源或服务。每当用户完成广告观看，您就能获得相应的广告收益，从而实现流量的价值转化。

该系统支持灵活的部署方式，您可以选择构建单页面应用（SPA）或微信小程序。单页面版本需要与后端服务配合，在构建打包后部署使用。部署过程需要预先安装Node.js环境，并按照开发者提供的指引进行操作。

流量变现核心流程

整个变现过程清晰高效：

• 后台创建任务：在管理后台设置任务详情与奖励。
• 复制任务链接：生成专属任务访问链接。
• 分享推广：将链接分发至社群或私域流量池。
• 用户参与：用户打开任务页面。
• 广告展示：页面跳转至小程序引导用户观看广告。
• 奖励下发：用户完成广告观看后，系统自动发放预设奖励。

收入来源与奖励类型

主要收入来源：系统收入主要依托于微信小程序官方的广告分成，同时也支持整合其他自定义收入渠道。

支持的奖励类型：为适应不同业务场景，系统提供多种奖励下发方式：

• 链接奖励：适用于发放下载链接、付费文章访问权限等。
• 文本奖励：适用于发放通用卡密、密钥、兑换码等信息。
• 卡密奖励：适用于发放一次性使用的专属卡密。

系统安装与部署教程

一、管理后台部署

1. 环境准备：新建网站及数据库，推荐使用PHP 8.0与MySQL 5.7。
2. 安装依赖：在项目根目录运行 npm install。
3. 项目构建：运行 npm run build 进行构建。
4. 服务器配置：
   • 必须开启SSL以保证安全。
   • 配置伪静态规则（参考提供的Nginx配置片段）。
   • 根据教程正确配置跨域访问。
5. 数据库导入：将 /后台/数据库/task_dev_xma_run.sql 文件导入MySQL数据库。
6. 配置文件修改：编辑 /后台/api/config.php 文件，配置管理账户、JWT密钥及数据库连接信息。
7. 代码上传：将 /后台/dist 目录与 /后台/api 目录的全部文件上传至网站根目录。

二、任务单页部署

1. 安装依赖：进入任务单页目录，运行 npm install。
2. 配置修改：修改 /任务单页/src/App.vue 中的后台接口地址和视频教程地址。
3. 项目构建：运行 npm run build。
4. 部署上线：新建一个静态网站，开启SSL后，将 /任务单页/dist 目录中的文件上传至网站根目录。

三、微信小程序部署

1. 项目导入：使用HBuilderX打开小程序项目。
2. 基础配置：在 manifest.json 中获取并填写新的AppID。
3. 关键信息修改：
   • 修改 /pages/user/view 中的后台地址及广告位ID。
   • 修改 /pages/user/work 中的引导二维码。
4. 代码上传与发布：在微信开发者工具中上传代码，并提交至微信小程序后台审核。
5. 后台配置：登录微信小程序后台，进行以下关键配置：
   • request合法域名：添加您的后台域名（例如：https://task.dev.xma.run）。
   • downloadFile合法域名：添加 https://c-ssl.duitang.com。
   • 业务域名（如涉及）：配置明文scheme拉起小程序的页面路径。

重要注意事项

如果您的微信小程序因用户数未达标而暂未开通流量主功能，请暂时使用无广告版本。具体操作是：将 /pages/user/view_无广告.vue 文件重命名为 /pages/user/view.vue 并替换原文件。待成功开通流量主后，再切换回原版的 view.vue 文件以启用广告变现功能。