文章摘要
该系统通过用户观看广告获取资源(如下载链接、文本或实现流量变现,收入源于微信小程序广告。支持单页面和小程序部署,需安装Node.js依赖、构建项目、配置PHP 8.0和MySQL 5.7数据库、开启SSL、设置伪静态及跨域。导入task_dev_xma_run.sql数据库后,修改config.php文件并上传dist/api目录。小程序端使用HbuildX修改地址和广告ID,配置request合法域名如https://task.dev.run和downloadFile域名,并根据流量主状态调整view.vue文件。
— 文章部分摘要由DeepSeek深度思考而成
和资源变现差不多,就是让用户观看广告获取想要的资源或者其他东西
用户看完广告你就会获取利润,从而进行流量变现
支持单页面和小程序,单页面和后端需要构建打包后再使用
安装Node.js然后用作者给出的方法进行部署
![图片[1]|流量主变现系统/任务管理系统/流量变现|不死鸟资源网](https://busi.net/wp-content/uploads/2025/11/20251122113100200-image.png)
![图片[2]|流量主变现系统/任务管理系统/流量变现|不死鸟资源网](https://busi.net/wp-content/uploads/2025/11/20251122113107908-image.png)
![图片[3]|流量主变现系统/任务管理系统/流量变现|不死鸟资源网](https://busi.net/wp-content/uploads/2025/11/20251122113115918-image-1024x510.png)
![图片[4]|流量主变现系统/任务管理系统/流量变现|不死鸟资源网](https://busi.net/wp-content/uploads/2025/11/20251122113123434-image-1024x515.png)
变现说明:
- 基础流程:
- 后台创建任务
- 复制任务链接
- 分享到社群或私域
- 用户打开任务页面
- 跳转到小程序观看广告
- 观看广告
- 下发奖励
- 收入来源
- 微信小程序官方广告收入
- 其他收入
- 支持的奖励类型
- 链接奖励(适用于下载链接、付费文章等)
- 文本奖励(适用于通用卡密、密钥等)
- 卡密奖励(适用于一次性卡密)
安装教程
安装教程
管理后台
- 安装依赖
npm install
- 构建项目
npm run build
- 新建站网站及数据库
- 推荐:PHP 8.0
- 推荐:Mysql 5.7
- 开启SSL(必须)
- 配置伪静态
location / { try_files $uri $uri/ /index.html;}location /api/ { if (!-e $request_filename) { rewrite ^/(.*)$ /$1.php last; }}
- 配置跨域
配置跨域教程 请参考第1种解决方法
- 导入数据库
- 导入
/后台/数据库/task_dev_xma_run.sql到Mysql数据库
- 修改
/后台/api/config.php
- 管理账户密码
- JWT配置(密钥、过期时间)
- 数据库配置
- 上传后台代码
- 上传
/后台/dist目录中的全部文件到网站根目录 - 上传
/后台/api目录到网站根目录
任务单页
- 安装依赖
npm install
- 修改
/任务单页/src/App.vue中的接口信息
- 修改后台地址
- 修改视频教程地址
- 构建项目
npm run build
- 新建网站
- 静态网站
- 开启SSL(必须)
- 上传任务单页代码
- 上传
/任务单页/dist目录中的全部文件到网站根目录
小程序
- 使用
HbuildX打开小程序 - 在
manifest.json中获取新AppID - 修改
/pages/user/view中的后台地址及广告ID - 修改
/pages/user/work中的二维码 - 发行到微信小程序
- 在微信开发者工具中上传代码
- 登录微信小程序后台配置
- 配置
request合法域名
https://task.dev.xma.run(替换为你自己的后台域名)https://www.duitang.com
- 配置
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文件
本站文章部分内容可能来源于网络,仅供大家学习参考,如有侵权,请联系站长📧ommind@qq.com进行删除处理!
THE END





