#精品

流量主变现系统全攻略：单页+小程序，轻松实现广告收益

想在这里投放广告？点此联系我们~

崭新源码联系方式

提供一条龙搭建服务及修复网站 ！

开通VIP享特权！囊括大部分主流源码，人工不断更新递增，

本系统支持单页面与小程序，通过用户观看广告获取资源实现流量变现。涵盖安装部署、后台配置、任务创建等详细流程，从管理后台搭建到小程序发行，全方位指导，助你快速上手，开启广告收益新途径。

流量主变现系统/任务管理系统说明

该系统实现流量变现与资源变现，核心逻辑是让用户观看广告以获取所需资源或物品。用户完成广告观看后，运营方可获取利润，达成流量变现目的。系统支持单页面和小程序两种形式，单页面需与后端构建打包后使用。

基础流程

1. 后台创建任务
2. 复制任务链接
3. 分享到社群或私域
4. 用户打开任务页面
5. 跳转到小程序观看广告
6. 观看广告
7. 下发奖励

收入来源

1. 微信小程序官方广告收入
2. 其他收入

支持的奖励类型

1. 链接奖励：适用于下载链接、付费文章等
2. 文本奖励：适用于通用卡密、密钥等
3. 卡密奖励：适用于一次性卡密

安装教程

管理后台

1. 安装依赖

npm install

2. 构建项目

npm run build

3. 新建站网站及数据库
   • 推荐：PHP 8.0
   • 推荐：Mysql 5.7
   • 开启SSL（必须）
4. 配置伪静态

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

5. 配置跨域
   • 配置跨域教程请参考第1种解决方法
6. 导入数据库
   • 导入/后台/数据库/task_dev_xma_run.sql到Mysql数据库
7. 修改/后台/api/config.php
   • 管理账户密码
   • JWT配置（密钥、过期时间）
   • 数据库配置
8. 上传后台代码
   • 上传/后台/dist目录中的全部文件到网站根目录
   • 上传/后台/api目录到网站根目录

任务单页

1. 安装依赖

npm install

2. 修改/任务单页/src/App.vue中的接口信息
   • 修改后台地址
   • 修改视频教程地址
3. 构建项目

npm run build

4. 新建网站
   • 静态网站
   • 开启SSL（必须）
5. 上传任务单页代码
   • 上传/任务单页/dist目录中的全部文件到网站根目录

小程序

1. 使用HbuildX打开小程序
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
   • 配置明文scheme拉起此小程序：pages/user/view;pages/user/work

注意事项

如果小程序用户不足，未开通流量主，请将/pages/user/view_无广告.vue重命名为/pages/user/view.vue使用，开通流量主后再使用原/pages/user/view.vue文件。