流量主变现系统搭建教程：任务管理轻松实现流量变现

系统简介

本系统是一套高效的流量主变现解决方案，通过引导用户观看广告后获取所需资源，实现流量快速变现。与资源变现类似，用户看完广告后，您即可获得收益，适用于视频教程、下载链接、付费文章、卡密等多种奖励类型。支持单页面和小程序双模式，部署前需构建打包。

变现基础流程

1. 在管理后台创建变现任务
2. 复制任务专属链接
3. 将链接分享到微信群、朋友圈等私域流量池
4. 用户点击链接打开任务页面
5. 页面自动跳转至微信小程序观看广告
6. 用户完成广告观看后系统自动下发奖励

收入来源

• 微信小程序官方广告收入（主要来源）
• 其他自定义广告收益

支持的奖励类型

• 链接奖励：适用于下载链接、付费文章、网盘资源等
• 文本奖励：适用于通用激活码、密钥、密码等
• 卡密奖励：适用于一次性卡密，保障资源安全性

管理后台搭建教程

1. 安装 Node.js 环境
2. 执行依赖安装：npm install
3. 构建后台项目：npm run build
4. 新建网站并创建 MySQL 数据库（推荐 PHP 8.0，MySQL 5.7）
5. 务必开启 SSL 证书（必须）
6. 配置伪静态规则：
   

   location / { try_files $uri $uri/ /index.html; }
   location /api/ { if (!-e $request_filename) { rewrite ^/(.*)$ /$1.php last; } }

7. 配置跨域访问（详见跨域配置教程第一种方案）
8. 导入数据库文件：将 /后台/数据库/task_dev_xma_run.sql 导入 MySQL
9. 修改配置文件 /后台/api/config.php，设置管理员账户密码、JWT 密钥及过期时间、数据库连接信息
10. 上传后台代码：将 /后台/dist 内所有文件上传至网站根目录，再将 /后台/api 文件夹上传至根目录

任务单页部署

1. 安装依赖：npm install
2. 修改接口地址：编辑 src/App.vue，替换后台地址和视频教程地址
3. 构建项目：npm run build
4. 新建一个纯静态站点，强制开启 SSL
5. 将 /任务单页/dist 内全部文件上传至该站点根目录

小程序配置指南

1. 使用 HBuilder X 打开小程序项目
2. 在 manifest.json 中获取新的 AppID
3. 修改 /pages/user/view 中的后台接口地址和广告单元 ID
4. 修改 /pages/user/work 中的二维码信息
5. 发行至微信小程序，并使用微信开发者工具上传代码
6. 登录微信小程序后台，配置以下合法域名：
   • request 合法域名：https://task.dev.xma.run（替换为自己的后台域名）
   • downloadFile 合法域名：https://c-ssl.duitang.com
7. 配置明文 scheme 拉起场景：pages/user/view;pages/user/work

特别提示：若小程序因用户量少尚未开通流量主，请将 /pages/user/view_无广告.vue 重命名为 /pages/user/view.vue 临时使用，待广告权限开通后再恢复原文件，即可正常展示广告并开始变现。