菏澤云起網(wǎng)絡科技有限公司
# ? V5看廣告賺錢H5平臺 — 項目功能詳解
## ?? 項目定位
這是一個 **"看廣告賺獎勵"** 類型的H5移動端平臺，采用前后端分離架構，包含用戶端（H5網(wǎng)頁/APP）、管理后臺（PC端）、API服務端三大模塊。核心商業(yè)模式為：**用戶通過看激勵視頻廣告、答題闖關、每日簽到等方式賺取金幣和現(xiàn)金，金幣可在商城兌換實物商品，現(xiàn)金可提現(xiàn)到支付寶。**
---
## 一、用戶端功能（`frontend/`）— 共10個頁面
### 1?? 首頁 （`Home.vue`）
- 全屏展示啟動頁/引導圖
- 作為應用入口頁面
### 2?? 短視頻刷視頻 （`Video.vue`） — 核心功能 ?
```
功能要點：
├── 仿抖音全屏豎屏滑動瀏覽（上滑下一個/下滑上一個）
├── 視頻自動播放/暫停切換
├── 側邊欄：點贊 + 分享（復制邀請鏈接）
├── 視頻看完后彈出"觀看完成"彈窗 → 引導點擊"觀看廣告領獎勵"
├── 點擊觀看廣告后：
│ ├── 調(diào)用 adService.showRewardedAd（） 多聯(lián)盟路由
│ ├── 真實SDK廣告：穿山甲/騰訊/AdGo 輪詢加載
│ ├── 兜底模式：播放管理員上傳的MP4視頻（全屏沉浸式+倒計時關閉）
│ └── 最終降級：10秒倒計時模擬
├── 廣告看完發(fā)放獎勵：
│ ├── 默認 +15 金幣
│ └── 默認 +￥0.15 現(xiàn)金
└── 兜底視頻播放器特性：
├── 黑色全屏背景
├── 右上角關閉按鈕（前5秒不可關閉）
├── 底部進度條（漸變橙色）
├── 底部信息條："廣告 | 更多精彩內(nèi)容"
└── 視頻結束自動關閉并發(fā)放獎勵
```
### 3?? 答題闖關 （`Answer.vue`）
```
功能要點：
├── 從后端動態(tài)加載題庫（默認20道題）
├── 每題4個選項（A/B/C/D），單選
├── 選擇后立即顯示對錯（綠色正確/紅色錯誤）
│ ├── ? 正確 → 彈出"觀看廣告領獎勵"按鈕
│ │ └── 看完廣告 → 獲得 +10金幣 + ￥0.1現(xiàn)金
│ └── ? 錯誤 → "再試一次"按鈕（可重答本題）
├── 實時計分顯示
├── 答完20題后循環(huán)重新開始
└── 同樣走 adService 多聯(lián)盟廣告路由
```
### 4?? 任務中心 （`Task.vue`） — 賺錢主入口 ?
```
功能要點：
├── 頂部資產(chǎn)卡片：實時顯示金幣余額 + 現(xiàn)金余額 + [提現(xiàn)]按鈕
│
├── ? 每日簽到模塊：
│ ├── 一鍵簽到按鈕（未簽到狀態(tài)）/ "今日已簽到"（已完成）
│ ├── 7天連續(xù)簽到獎勵進度條（圓形徽章樣式）
│ ├── 獎勵梯度（后臺可配置）：
│ │ Day1:10金 → Day2:20金 → Day3:30金 → Day4:50金
│ │ Day5:10金 → Day6:10金 → Day7:100金（大額）
│ └── 自動計算連續(xù)簽到天數(shù)
│
├── ? 觀看激勵視頻任務：
│ ├── 說明文字："每天最多可做 10 次"
│ ├── 顯示獎勵預覽：+20金幣 + ￥0.20
│ ├── 點擊"立即參與" → 走完整廣告流程
│ └── 同樣支持多聯(lián)盟+兜底視頻+最終降級
│
└── ? 邀請好友任務：
├── 說明："邀請好友注冊并完成任務"
├── 獎勵預覽：+50金幣 + ￥0.50
└── 點擊跳轉到邀請頁面
```
### 5?? 金幣商城 （`Mall.vue`）
```
功能要點：
├── 雙列網(wǎng)格商品列表（卡片式布局）
├── 每個商品卡片：
│ ├── 商品圖片（無圖時顯示默認占位圖）
│ ├── 商品名稱 + 描述（最多2行截斷）
│ ├── 價格（X金幣） + [立即兌換]按鈕
│ └── 余額不足時按鈕置灰不可點
├── 點擊商品 → 彈出詳情彈窗：
│ ├── 大圖展示
│ ├── 詳細描述
│ ├── 數(shù)量選擇器（+/- 按鈕）
│ ├── 總價自動計算（單價 × 數(shù)量）
│ └── [確認兌換]按鈕 → 創(chuàng)建訂單扣減金幣
├── 兌換成功提示
└── 金幣不足時的友好提示
```
### 6?? 個人中心 （`Profile.vue`） — 功能最豐富的頁面 ?
```
┌─────────────────────────────────────────────┐
│ 【用戶信息卡】 │
│ 頭像（可上傳） | 昵稱 | ID | 等級（普通用戶/工作室） │
│ │
│ 【資產(chǎn)卡片】 │
│ XXX 金幣 | ￥XX.XX 現(xiàn)金 | [提現(xiàn)] │
│ │
│ 【功能入口菜單】 │
│ ? 每日任務 → 跳轉 Task 頁面 │
│ ? 我的團隊 → 彈窗查看團隊數(shù)據(jù) │
│ ? 邀請好友 → 彈窗（邀請碼/鏈接/二維碼） │
│ ? 我的訂單 → 彈窗訂單列表 │
│ ? 收貨地址 → 彈窗地址CRUD管理 │
│ ? 玩法介紹 → 跳轉 Help 頁面 │
│ ? 用戶協(xié)議 → 跳轉 Agreement 頁面 │
│ ? 退出登錄 → 清除Token跳轉登錄頁 │
└─────────────────────────────────────────────┘
子功能詳情：
【提現(xiàn)系統(tǒng)】
├── 可選金額：￥3 / ￥5 / ￥10（后臺可配置）
├── 校驗余額是否足夠
├── 提交提現(xiàn)申請（等待審核）
└── 提現(xiàn)成功后余額自動扣減
【團隊系統(tǒng)】彈窗
├── 統(tǒng)計面板：團隊總人數(shù) / 總金幣 / 總現(xiàn)金
├── 一級團隊成員列表（頭像+昵稱+金幣+現(xiàn)金+注冊時間）
├── 二級團隊成員列表
└── 數(shù)據(jù)實時從后端拉取
【邀請好友】彈窗
├── 邀請碼（一鍵復制）
├── 邀請鏈接（一鍵復制）
├── 邀請二維碼（QRCode庫動態(tài)生成200×200）
└── 獎勵說明：
├── 一級好友完成任務：+50金幣 + ￥0.50
└── 二級好友完成任務：+25金幣 + ￥0.25
【收貨地址管理】
├── 地址列表（默認地址左側橙色高亮標識）
├── 添加新地址（姓名/手機/省市縣/詳細地址/設為默認）
├── 編輯現(xiàn)有地址
├── 刪除地址（二次確認彈窗）
└── 設置默認地址
【訂單管理】
├── 訂單列表（訂單號+狀態(tài)標簽+商品名+數(shù)量+總價+時間）
├── 狀態(tài)顏色區(qū)分：
│ pending=黃色"待處理" / shipped=藍色"已發(fā)貨"
│ completed=綠色"已完成" / cancelled=紅色"已取消"
└── 點擊查看訂單詳情彈窗
【編輯資料】
├── 頭像上傳（本地預覽+Base64存儲）
├── 昵稱修改
├── 手機號綁定
└── 支付寶賬號綁定（用于提現(xiàn)）
```
### 7?? 登錄注冊
- `Login.vue` — 手機號/賬號密碼登錄
- `Register.vue` — 新用戶注冊（支持邀請碼綁定上下級關系）
### 8?? 輔助頁面
| 頁面 | 文件 | 功能 |
|------|------|------|
| 幫助中心 | `Help.vue` | 平臺玩法說明/常見問題FAQ |
| 用戶協(xié)議 | `Agreement.vue` | 法律協(xié)議條款展示 |
---
## 二、多聯(lián)盟激勵廣告系統(tǒng) （`adService.js`） — 核心技術亮點 ?
```
showRewardedAd（） 被調(diào)用
│
┌───────▼───────┐
│ 第1優(yōu)先級 │ ←── 穿山甲 Pangle
│ （window.pangle）│ 官方H5 Web SDK
│ PC/手機都OK │ AppID + PlacementID
└───────┬───────┘
失敗 ↓
┌───────▼───────┐
│ 第2優(yōu)先級 │ ←── 騰訊優(yōu)量匯
│ （TencentGDT） │ Android瀏覽器OK
│ 需HTTPS+iOS限制│ AppID + PlacementID
└───────┬───────┘
失敗 ↓
┌───────▼───────┐
│ 第3優(yōu)先級 │ ←── AdGo 第三方聚合
│ （loadRewardedAd）│ 一次接入多平臺
│ 自動Bidding競價│ 只需 adUnitId
└───────┬───────┘
失敗 ↓
┌────────────▼────────────┐
│ 百度/抖音/快手 │ ← 無H5 SDK，跳過
│ （僅原生APP或小游戲可用） │
└────────────┬────────────┘
失敗 ↓
┌───────▼───────┐
│ 兜底視頻 │ ←── 管理員上傳的MP4
│ 全屏播放器 │ 5秒內(nèi)不可關閉
│ 進度條+倒計時 │ 黑底+橙色調(diào)
└───────┬───────┘
無視頻 ↓
┌───────▼───────┐
│ 最終降級 │ ←── 10秒倒計時
│ 模擬等待 │ 保底兜底
│ 直接發(fā)獎勵 │
└───────────────┘
```
---
## 三、分銷/傭金系統(tǒng)（`新機制.md`）
```
用戶等級體系：
┌──────────────┐ 升級 ┌──────────────┐
│ 普通用戶 │ ──────────→ │ 工作室用戶 │
│ （normal） │ │ （studio） │
└──────────────┘ └──────────────┘
│
可享受額外團隊獎
═══════════════════════════════════════════
所有用戶都享有的獎勵（二級分銷）：
═══════════════════════════════════════════
直推獎 = 任務金幣 × 10%（一級下線完成任務的傭金）
間推獎 = 任務金幣 × 5% （二級下線完成任務的傭金）
═══════════════════════════════════════════
僅工作室用戶享有的額外獎勵（團隊獎）：
═══════════════════════════════════════════
團隊獎基礎 = 任務金幣 × 8%
【同級斷裂機制】舉例：
A（studio） → B（studio） → C（normal） → D（normal） → E（normal）
E完成100金幣任務時：
┌────────┬────────────┬──────────┬──────────────────┐
│ 用戶 │ 身份 │ 獎勵類型 │ 金額 │
├────────┼────────────┼──────────┼──────────────────┤
│ E │ 普通用戶 │ 任務獎勵 │ +100.00 金幣 │
│ D │ 普通用戶 │ 直推獎 │ +10.00 （100×10%） │
│ C │ 普通用戶 │ 間推獎 │ +5.00 （100×5%） │
│ B │ 工作室用戶 │ 團隊獎 │ +8.00 （100×8%） │ ★首s個工作室
│ A │ 工作室用戶 │ 級差獎 │ +0.24 （8×3%） │ ★斷裂后的級差
└────────┴────────────┴──────────┴──────────────────┘
總計發(fā)放：123.24 金幣
```
---
## 四、管理后臺功能（`admin/`）— 共15個管理頁面
| 一級菜單 | 二級菜單 | 文件 | 功能描述 |
|----------|---------|------|---------|
| **? 用戶管理** | 用戶列表 | `UserList.vue` | 用戶列表/搜索/等級標簽/團隊樹彈窗/注冊時間格式化 |
| **? 內(nèi)容管理** | 答題管理 | `QuestionManage.vue` | 題庫CRUD（題目/選項/答案） |
| | 短視頻管理 | `VideoManage.vue` | 視頻庫管理（上傳/標題/排序） |
| | 商城管理 | `ProductManage.vue` | 商品CRUD（圖片/名稱/價格/描述） |
| | 訂單管理 | `OrderManage.vue` | 訂單列表/狀態(tài)篩選/發(fā)貨操作 |
| **? 獎勵&廣告配置** | 激勵廣告 | `AdConfig.vue` | **6大聯(lián)盟Tab配置** + 兜底視頻上傳 |
| | 獎勵設置 | `RewardSetting.vue` | 答題/視頻/廣告三類獎勵金額自定義 |
| | 簽到設置 | `SignSetting.vue` | 7天每日簽到獎勵金額逐日配置 |
| | 分銷設置 | `DistributionSetting.vue` | 直推/間推/團隊獎比例配置 |
| **?? 系統(tǒng)設置** | 基礎設置 | `BasicSetting.vue` | 平臺名稱/Logo/聯(lián)系方式等 |
| | 協(xié)議管理 | `AgreementManage.vue` | 用戶協(xié)議/隱私政策富文本編輯 |
| | 提現(xiàn)配置 | `WithdrawConfig.vue` | 提現(xiàn)門檻/可選金額/審核開關 |
| **? 數(shù)據(jù)統(tǒng)計** | 用戶數(shù)據(jù) | `UserStats.vue` | 注冊趨勢/活躍用戶/等級分布圖表 |
| | 收益數(shù)據(jù) | `RevenueStats.vue` | 廣告收益/提現(xiàn)統(tǒng)計/傭金報表 |
---
## 五、技術特色總結
| 特色 | 詳情 |
|------|------|
| **多廣告源聚合** | 6家廣告聯(lián)盟統(tǒng)一接口，輪詢+自動降級，永不"無廣告" |
| **三級降級保障** | 真實SDK廣告 → 兜底視頻 → 最終模擬，用戶體驗零中斷 |
| **靈活的獎勵配置** | 后臺可視化調(diào)整所有獎勵金額，無需改代碼 |
| **完善的分銷體系** | 二級分銷 + 團隊獎 + 同級斷裂 + 級差機制 |
| **商城閉環(huán)生態(tài)** | 賺金幣 → 商城消費 → 訂單履約，形成完整商業(yè)循環(huán) |
| **多端適配** | H5手機瀏覽器 / 微信內(nèi)置瀏覽器 / PC瀏覽器 / 已打包APK |
| **代碼質(zhì)量高** | Vue3 Composition API + 詳細中文注釋 + 組件化設計 |
## ? 主標題（核心推廣用）
### 方案一：功能全覆蓋型（推薦）
```
看廣告賺錢H5源碼｜Vue3全棧開發(fā)｜穿山甲騰訊AdGo六聯(lián)盟聚合激勵視頻+二級分銷團隊獎+每日簽到答題積分商城完整系統(tǒng)源碼 可二開部署
```
### 方案二：關鍵詞堆疊型（SEO權重最z大化）
```
2026最z新看視頻賺錢APP源碼下載 H5激勵廣告平臺 多廣告聯(lián)盟SDK接入（穿山甲/騰訊/AdGo/百度/抖音/快手） 二級分銷返傭系統(tǒng) 團隊獎勵 Vue3前端后端 MySQL數(shù)據(jù)庫 帶管理后臺 完整可部署
```
### 方案三：簡潔吸引型（適合短標題）
```
【完整開源】看廣告賺錢H5平臺源碼｜多聯(lián)盟激勵廣告+二級分銷+團隊獎+簽到答題｜Vue3全棧｜帶后臺管理系統(tǒng)
```
---
## ? 標題拆解與SEO關鍵詞分析
| SEO關鍵詞 | 出現(xiàn)位置 | 搜索熱度 | 對應代碼依據(jù) |
|-----------|----------|----------|-------------|
| **看廣告賺錢** | ? 核心詞 | ????? | 項目名稱、Video.vue/Task.vue核心業(yè)務 |
| **H5源碼/APP源碼** | ? 核心詞 | ????? | frontend/ 為H5端，app/有APK |
| **激勵視頻/激勵廣告** | ? 高頻詞 | ???? | adService.js showRewardedAd（） |
| **穿山甲/騰訊/AdGo** | ? 長尾詞 | ???? | AdConfig.vue 6個廣告聯(lián)盟Tab |
| **多廣告聯(lián)盟/聚合** | ? 差異化詞 | ??? | 6大廣告源+輪詢降級機制 |
| **二級分銷/分銷系統(tǒng)** | ? 高頻詞 | ????? | 新機制.md 直推10%+間推5% |
| **團隊獎/工作室** | ? 差異化詞 | ???? | 團隊獎8%+級差3%+同級斷裂 |
| **** | ? 技術詞 | ???? | package.json 技術棧 |
| **全棧/前后端分離** | ? 技術詞 | ??? |
| **帶后臺管理** | ? 功能詞 | ????? |
| **簽到/答題/任務中心** | ? 功能詞 | ??? | Task.vue 答題+視頻+簽到+邀請 |
| **積分商城/提現(xiàn)** | ? 功能詞 | ??? | Mall.vue + 提現(xiàn)按鈕 |
| **可二開/可部署** | ? 商業(yè)詞 | ???? | 完整SQL+配置化設計 |
---
## ?? 配套SEO描述（Descri-ption）
```
? 2026最z新版「看廣告賺錢」H5平臺完整源碼，支持穿山甲Pangle、騰訊優(yōu)量匯、AdGo聚合等6大廣告聯(lián)盟激勵視頻自動輪詢降級。
? 核心功能：刷短視頻賺金幣現(xiàn)金｜每日連續(xù)簽到7天獎勵｜答題闖關賺獎勵｜邀請好友二級分傭（直推10%間推5%）｜工作室升級獲團隊獎8%+級差3%｜積分商城兌換｜提現(xiàn)系統(tǒng)
? 技術架構： JWT認證
?? 后臺功能：用戶列表+團隊樹可視化｜題庫/視頻/商品/訂單管理｜6聯(lián)盟廣告位配置+兜底視頻上傳｜獎勵金額自定義｜分銷比例可調(diào)｜數(shù)據(jù)統(tǒng)計面板
? 支持環(huán)境：手機H5瀏覽器 / 微信內(nèi)置瀏覽器 / PC瀏覽器 / 已打包APK可直接使用。代碼結構清晰注釋完善，適合二次開發(fā)和快速部署上線。
```
---
## ? 短標題備選（用于不同渠道）
| 渠道 | 標題 |
|------|------|
看廣告賺錢H5平臺 — Vue3多聯(lián)盟激勵廣告+二級分銷完整源碼` |
【獨d家】看廣告賺錢H5源碼 六聯(lián)盟聚合激勵廣告 二級分銷團隊獎 帶后臺` |
`手把手教你搭建看廣告賺錢平臺：從0到1實現(xiàn)多廣告聯(lián)盟聚合+分銷系統(tǒng)` |
分享一個完整的看廣告賺錢平臺源碼！6大廣告聯(lián)盟自動切換，二級分銷+團隊獎勵，全棧開發(fā)！` |
---
## ? SEO建議
1. **主關鍵詞放在標題前30字內(nèi)**：搜索引擎更看重開頭部分
2. **數(shù)字增加可信度**：如"6大聯(lián)盟""二級""2年更新"
3. **技術棧明確標注**：方便開發(fā)者搜索精確匹配
4. **差異化賣點突出**："同級斷裂機制""兜底視頻降級"是本項目獨有的亮點
定制看需求，一般幾小時內(nèi)完成，也不貴。
1、自動：在上方保障服務中標有自動發(fā)貨的商品，拍下后，將會自動收到來自賣家的商品獲?。ㄏ螺d）鏈接；
2、手動：未標有自動發(fā)貨的的商品，拍下后，賣家會收到郵件、短信提醒，也可通過QQ或訂單中的電話聯(lián)系對方。
1、源碼默認交易周期：自動發(fā)貨商品為1天，手動發(fā)貨商品為3天，買家有1次額外延長3天交易周期的權利；
2、若上述交易周期雙方依然無法完成交易，任意一方可發(fā)起追加周期（1~60天）的請求，對方同意即可延長。
1、描述：源碼描述(含標題)與實際源碼不一致的（例：描述PHP實際為ASP、描述的功能實際缺少、版本不符等）；
2、演示：有演示站時，與實際源碼小于95%一致的（但描述中有"不保證完全一樣、有變化的可能性"類似顯著聲明的除外）；
3、發(fā)貨：手動發(fā)貨源碼，在賣家未發(fā)貨前，已申請退款的；
4、安裝：免費提供安裝服務的源碼但賣家不履行的；
5、收費：額外收取其他費用的（但描述中有顯著聲明或雙方交易前有商定的除外）；
6、其他：如質(zhì)量方面的硬性常規(guī)問題等。
注：經(jīng)核實符合上述任一，均支持退款，但賣家予以積極解決問題則除外。
1、互站會對雙方交易的過程及交易商品的快照進行永久存檔，以確保交易的真實、有效、安全！
2、互站無法對如“永久包更新”、“永久技術支持”等類似交易之后的商家承諾做擔保，請買家自行鑒別；
3、在源碼同時有網(wǎng)站演示與圖片演示，且站演與圖演不一致時，默認按圖演作為糾紛評判依據(jù)（特別聲明或有商定除外）；
4、在沒有"無任何正當退款依據(jù)"的前提下，商品寫有"一旦售出，概不支持退款"等類似的聲明，視為無效聲明；
5、在未拍下前，雙方在QQ上所商定的交易內(nèi)容，亦可成為糾紛評判依據(jù)（商定與描述沖突時，商定為準）；
6、因聊天記錄可作為糾紛評判依據(jù)，故雙方聯(lián)系時，只與對方在互站上所留的QQ、手機號溝通，以防對方不承認自我承諾。
7、雖然交易產(chǎn)生糾紛的幾率很小，但一定要保留如聊天記錄、手機短信等這樣的重要信息，以防產(chǎn)生糾紛時便于互站介入快速處理。
1、互站作為第三方中介平臺，依據(jù)交易合同（商品描述、交易前商定的內(nèi)容）來保障交易的安全及買賣雙方的權益；
2、非平臺線上交易的項目，出現(xiàn)任何后果均與互站無關；無論賣家以何理由要求線下交易的，請聯(lián)系管理舉報。
菏澤云起網(wǎng)絡科技有限公司
客服⑥：140090411061322743300792764
客服①：7683154077434289355
178554037457053
微信客服
服務
5.00
效率
5.00
質(zhì)量
5.00
1微信文章熱文公眾號文章廣告朋友圈廣告...
2體脂計算器抖音快手微信小程序看廣告流...
3表情包斗圖制作神器流量主小程序
4關注公眾號自動領發(fā)紅包系統(tǒng)源碼
5喝酒猜歌真心話大冒險小程序源碼
6在線客服抖音快手微信小程序看廣告流量...
7送禮發(fā)禮品禮物提貨卡激活城系統(tǒng)源碼
8V4微群人脈自動更新群系統(tǒng)
9免300費認證小程序系統(tǒng)
10看激勵視頻廣告答題賺金幣錢廣告聯(lián)盟...
郵箱：serve#huzhan.com
時間：9:00-18:00（節(jié)假日正常值班）
互站APP
互站小程序
互站公眾號
