更新记录

1.0.0(2026-03-02) 下载此版本

实现了通用素材解析工具类小程序


平台兼容性

uni-app(4.66)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
-
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟

其他

多语言 暗黑模式 宽屏模式
× ×

阿落去水印 · 微信小程序架构方案

项目名称:阿落去水印
项目工程名:youlan-parse-video 技术栈:uni-app + 微信小程序 + parse-video-py(后端)


一、项目目标

开发一款 通用素材解析工具类微信小程序,用户可通过粘贴链接的方式解析视频 / 图片素材,获取原始清晰内容,用于个人学习与参考。

⚠️ 小程序端不判断平台,平台识别与解析逻辑全部交由后端 parse-video-py 完成。


二、整体架构设计

架构原则

  • 前后端职责清晰
  • 前端尽量简单、审核友好
  • 平台规则全部后置,避免频繁发版

架构示意

[ 微信小程序 ]
       │
       │  URL
       ▼
[ 自有后端 API ]
       │
       ▼
[ parse-video-py ]

三、前端项目目录结构

youlan-mini-remove-watermark
├─ pages/                 # 页面目录
│  ├─ index/              # 首页(输入链接 / 解析)
│  │  └─ index.vue
│  ├─ result/             # 解析结果页
│  │  └─ result.vue
│  ├─ history/            # 本地解析历史(可选)
│  │  └─ history.vue
│  └─ privacy/            # 隐私政策(审核必备)
│     └─ privacy.vue
│
├─ components/            # 通用组件
│  ├─ UrlInput.vue        # 链接输入组件
│  ├─ MediaPreview.vue    # 视频 / 图片预览组件
│  ├─ LoadingMask.vue     # 全局加载遮罩
│  └─ EmptyState.vue
│
├─ api/                   # 接口层
│  └─ parse.js            # 素材解析接口
│
├─ utils/                 # 工具方法
│  ├─ request.js          # 网络请求封装
│  ├─ validator.js        # URL 校验
│  └─ storage.js          # 本地缓存
│
├─ config/                # 配置
│  └─ index.js
│
├─ static/                # 静态资源
│  ├─ images/
│  └─ icons/
│
├─ App.vue
├─ main.js
├─ pages.json
├─ manifest.json
└─ uni.scss

四、页面功能说明

1️⃣ 首页(pages/index)

功能职责:

  • 粘贴 / 输入分享链接
  • 校验链接合法性
  • 调用后端解析接口
  • 跳转解析结果页

注意事项:

  • 不自动读取剪贴板(避免审核风险)
  • 明确提示:仅供个人学习与参考

2️⃣ 解析结果页(pages/result)

功能职责:

  • 展示解析后的素材(视频 / 图片)
  • 提供保存到相册功能

素材数据结构示例:

{
  "type": "video",
  "title": "示例标题",
  "cover": "https://...",
  "video_url": "https://...",
  "images": []
}

3️⃣ 隐私政策页(pages/privacy)

审核必备内容:

  • 不收集用户隐私数据说明
  • 素材来源免责声明
  • 联系方式

五、接口设计规范

解析接口

POST /api/parse
Content-Type: application/json

{
  "url": "https://example.com/share"
}

返回示例

{
  "code": 0,
  "msg": "ok",
  "data": {
    "type": "video",
    "title": "xxx",
    "cover": "https://...",
    "video_url": "https://...",
    "images": []
  }
}

六、前端接口封装示例

// api/parse.js
import request from '@/utils/request'

export function parseUrl(url) {
  return request.post('/parse', { url })
}

七、审核与合规建议(重点)

文案建议

❌ 禁用词:

  • 去抖音水印
  • 下载他人视频
  • 无水印搬运

✅ 推荐用词:

  • 素材解析
  • 视频处理工具
  • 学习参考使用

八、可扩展方向(后期)

  • 登录与每日使用次数限制
  • 本地 / 云端解析历史
  • Web / H5 版本复用同一 API
  • 会员体系 / 激励广告

本文档可作为项目 README 或技术设计文档直接使用。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。