文章摘要
这篇文章介绍了通过广告变现的方式，用户观看广告后获取资源或奖励。平台利用单页面或小程序形式，用户通过分享任务链接进入平台，观看广告后可获得奖励。收入来源包括微信小程序广告收入和其他形式收入。技术实现方面，使用Node.js构建后端，并通过npm安装构建项目，配置跨域和SSL。文章还详细说明了任务单页和小程序的部署步骤，包括修改接口信息、构建静态网站等。整体流程从后台创建任务到用户观看广告再到下发奖励，确保流量稳定变现。
和资源变现差不多，就是让用户观看广告获取想要的资源或者其他东西
用户看完广告你就会获取利润，从而进行流量变现
支持单页面和小程序，单页面和后端需要构建打包后再使用
安装Node.js然后用作者给出的方法进行部署
变现说明：
- 基础流程：
- 后台创建任务
- 复制任务链接
- 分享到社群或私域
- 用户打开任务页面
- 跳转到小程序观看广告
- 观看广告
- 下发奖励
- 收入来源
- 微信小程序官方广告收入
- 其他收入
- 支持的奖励类型
- 链接奖励(适用于下载链接、付费文章等)
- 文本奖励(适用于通用卡密、密钥等)
- 卡密奖励(适用于一次性卡密)
安装教程
安装教程
管理后台
- 安装依赖
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文件
