1. 接口管理：PHP + Mysql
2. 后台管理系统：Vue3 + ts + TDesign
3. 任务单页：Vue3
4. 小程序：uniapp + Vue2

1. 基础流程：

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

2. 收入来源

• 微信小程序官方广告收入
• 其他收入

3. 支持的奖励类型

• 链接奖励(适用于下载链接、付费文章等)
• 文本奖励(适用于通用卡密、密钥等)
• 卡密奖励(适用于一次性卡密)

空痕任务管理系统

• 默认用户名：admin
• 默认密码：123456

1. 管理后台

2. 任务单页

3. 小程序

1. 安装依赖

npm install

2. 构建项目

npm run build

3. 新建站网站及数据库

• 推荐：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种解决方法

4. 导入数据库

• 导入/后台/数据库/task_dev_xma_run.sql到Mysql数据库

5. 修改/后台/api/config.php

• 管理账户密码
• JWT配置(密钥、过期时间)
• 数据库配置

6. 上传后台代码

• 上传/后台/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. 在微信开发者工具中上传代码

7. 登录微信小程序后台配置

• 配置request合法域名

https://task.dev.xma.run（替换为你自己的后台域名）
https://www.duitang.com

• 配置downloadFile合法域名

https://c-ssl.duitang.com

• 配置明文scheme拉起此小程序（个人小程序不需要配置）

pages/user/view;pages/user/work

8. 注意

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