已根据你的要求,将 Web 端技术栈从 Next.js 调整为 Vue。以下是更新后的完整规划文档,修改部分已用 **【修订标记】** 标注。 --- # OpenCloud 产品规划文档 **版本**:1.1 **日期**:2026年5月20日 **作者**:OpenCloud 产品团队 --- ## 目录 1. [项目概述](#1-项目概述) 2. [市场与用户分析](#2-市场与用户分析) 3. [竞品分析](#3-竞品分析) 4. [产品定位与差异化](#4-产品定位与差异化) 5. [核心功能模块设计](#5-核心功能模块设计) 6. [商业模式](#6-商业模式) 7. [技术架构与选型](#7-技术架构与选型) 8. [实施路线图](#8-实施路线图) 9. [风险与应对策略](#9-风险与应对策略) 10. [结语](#10-结语) --- ## 1. 项目概述 ### 1.1 愿景 **成为全球天空爱好者共同绘制、探索与收藏的“活的天空地图”。** ### 1.2 使命 通过AI识别、实时地理映射与轻量社交,让每一次仰望天空都变成一次有意义的发现与连接。 ### 1.3 产品简介 OpenCloud 是一款面向云朵爱好者、气象爱好者及摄影爱好者的跨平台应用(Web + 移动端)。它整合了**实时云图地图**、**游戏化云朵图鉴**与**轻量社区**三大核心模块,让用户可以随时拍摄天空、自动识别云的类型,将作品实时呈现在世界地图上,同时像收集精灵一样解锁各类云朵成就,并与全球同好温和互动。 --- ## 2. 市场与用户分析 ### 2.1 市场背景 - **兴趣社群成熟**:国际赏云协会(Cloud Appreciation Society)拥有近 6 万付费会员,证明云朵主题具有激发付费意愿的情感基础。 - **视觉社交需求**:Instagram 上 #clouds 标签有上亿帖子,小红书、抖音上云朵内容持续火爆,但缺乏垂直整合拍摄、识别、社区的专业工具。 - **AI 视觉技术成熟**:以 GPT-4o 为代表的视觉模型使低成本的实时云朵分类成为可能,用户可以零学习成本获得专业级气象信息。 ### 2.2 目标用户画像 - **核心用户**:云朵摄影爱好者、赏云协会成员、气象爱好者。 - **潜力用户**:喜欢记录日常的普通人、追求新奇 App 的年轻群体、教育工作者(用于自然教学)。 - **需求特征**:渴望被识别、收藏、展示自己的天空作品;喜欢地理发现和轻量收集游戏;对深度社交压力敏感。 ### 2.3 用户痛点与需求 | 痛点 | OpenCloud 解决方案 | |------|---------------------| | 拍了云不知道它叫什么 | AI 一键识别,附带气象知识 | | 云图分享缺乏专属平台 | 主题化社区,无算法噪音 | | 记录零散,缺乏成就感 | 游戏化图鉴,解锁稀有成就 | | 看不到全球此刻的天空 | 实时云图地图,感受世界脉动 | | 害怕隐私泄露 | 多层模糊化处理,隐身模式 | --- ## 3. 竞品分析 ### 3.1 核心竞品 | 产品 | 特点 | 差距与机会 | |------|------|-------------| | **CloudSpotter** | 赏云协会官方 App,图鉴+社区 | 无实时地图,AI 识别为后期添加,互动偏学术 | | **See My Clouds** | 云朵版 Instagram,个人画廊 | 无 AI 识别,无地图,纯粹社交 | | **Cloud Point** | AI 识别 + 学习 + 社区 | 功能较全,但创新深度不足,无地图实时性 | | **每日一云小程序** | 国内头部云主题小程序 | 依托微信,功能受限,无独立 App 体验 | ### 3.2 间接与替代品 - **AI 云识别工具**:Atmosphere、云识别扫描器 —— 单点功能,无社区。 - **天气应用**:Your Weather、Poweather —— 天气数据为主,缺少用户生成内容。 - **通用社交平台**:Instagram、小红书 —— 内容海量但无结构化识别与收集。 ### 3.3 竞争优势总结 OpenCloud 是首个将 **实时地图、游戏化图鉴、轻社交** 深度融合的产品,形成“拍摄→识别→地图浮现→收藏→社区分享→再次出发”的闭环体验。竞品多在某一模块有所建树,但缺乏完整闭环。 --- ## 4. 产品定位与差异化 ### 4.1 核心价值主张 **“你拍的每一朵云,都将在这张世界地图上活起来。”** - **实时性**:云不再是一张静态照片,而是此刻天空的脉动。 - **专业性**:AI 精准识别 + 气象数据加持,让普通用户触及科学之美。 - **游戏性**:图鉴系统提供长期激励,消除低频兴趣的留存难题。 - **温暖感**:轻社交设计,远离评论压力,仅保留对天空的共同赞叹。 ### 4.2 差异化特征 - **天空实时仪表盘**:结合天气图层与用户上传的实时云标,形成预测-拍摄-验证的主动探索体验。 - **分层云朵图鉴**:基础属、变种、稀有度、环境成就四维收集体系,深度远超简单的类型列表。 - **隐私优先的地图设计**:默认模糊定位+隐身模式,在酷炫与安全间取得平衡。 - **跨平台一致体验**:Web 端浏览与传播,移动端拍摄与即时互动,后台统一管理。 --- ## 5. 核心功能模块设计 ### 5.1 总体架构 ``` ┌──────────────────────────────────┐ │ OpenCloud 平台 │ └──────────────────────────────────┘ │ │ │ ┌─────────┼──────────┼──────────┼─────────┐ ▼ ▼ ▼ ▼ ▼ 实时地图 云朵图鉴 轻量社区 用户系统 AI引擎 ``` ### 5.2 模块一:实时云图地图 **核心目标**:让用户每次打开都能感受到“此刻的天空在发生什么”。 #### 功能点: - **实时浮现**:最近30分钟内上传的云以动画淡入,2小时后半透明,24小时后默认移出主视图(可手动开启历史层)。 - **天气图层叠加**:显示云层覆盖、降水区域,结合用户上传形成“追云”预期。 - **定位模糊与隐身**: - 默认坐标精度约1km(小数点后2位) - 用户可选择精确(100m)或仅城市级别 - 隐身模式:上传但地图不显示位置,仅存在于个人图鉴 - **卡片交互**:点击云图标弹出精致卡片(缩略图、云类型、拍摄者、时间、天气简述),并提供「看同类云」「看这里其他云」快捷操作。 - **愿望清单联动**:在地图上看到稀有云,可一键加入“我想拍这个”清单,附近出现时推送通知。 #### 隐私策略: - 绝对不显示可识别个人住址的标记。 - 多张照片的位置元数据不会组合推断轨迹(服务器端即时模糊后丢弃原始精确坐标)。 - 符合 GDPR 及《个人信息保护法》要求。 ### 5.3 模块二:游戏化云朵图鉴 **核心目标**:将一次性新奇转化为有深度、有进度的收集游戏,提升长期留存。 #### 收集体系: - **基础云属**(10 种):积云、层云、卷云、积雨云等。 - **变种与特征**:乳状云、波状云、雨幡洞、晕、虹彩云等。 - **稀有度分级**: - 常见(积云、层云) - 少见(荚状云) - 罕见(贝母云、夜光云) - **环境成就**:黄金时刻云、暴风雨前云、高海拔云(>3000m)、跨赤道云等。 #### AI 识别与验证: - 拍摄后自动调用 OpenAI Vision(或后续自研模型)识别,返回云型与置信度。 - 用户可修正类型;稀有云型提交后进入“待验证”队列,由其他资深用户或管理员投票验证,通过后获得金框认证。 #### 激励与视觉呈现: - 每解锁一项获得一枚精致云形徽章,可生成卡片分享至社交媒体。 - 图鉴内附带手绘风格气象小知识,成为一本可阅读的“云朵百科全书”。 - 愿望清单功能:用户标记未解锁云型,地图附近出现或天气条件有利时推送通知。 ### 5.4 模块三:轻量社交社区 **核心目标**:提供温暖、低负担的交流空间,不追求高互动频率,但求每次浏览都有美感体验。 #### 每日天空精选(The Daily Sky) - 每日由编辑/算法从全球选出 9-12 张云图拼成“今日天空拼图”,作为社区首页。 - 浏览体验类似翻日历,拒绝无限信息流带来的疲劳感。 #### 微频道(基于云型) - 每个云型自动生成频道:积云频道、卷云频道、乳状云频道……内容自动归入。 - 避免用户自建话题冷场,保证每个频道总有内容。 #### 情绪反应代替文字评论 - 提供6种与天空共情的情绪:✨震撼、🌿宁静、🌧忧伤、🔥热烈、💭梦幻、🫂温暖。 - 文字评论保留但非主要引导方式,降低互动门槛。 #### 个人天空日志 - 每位用户拥有个人主页,按时间线展示其云图,形成天空日记。 - 允许“订阅”其他拍摄者,获得新上传推送,但不公开关注数,避免社交压力。 #### 共同观察事件 - 定期发起主题挑战(如“本周最奇特的云”)。 - 特殊天象发生时推送区域用户,集体拍摄,形成同一时刻的天空共鸣。 ### 5.5 模块四:用户系统与内容审核 #### 用户注册登录 - 支持邮箱注册、Google/Apple 第三方登录。 - 使用 Supabase Auth 实现,与数据库 RLS 深度集成。 #### 审核流程 1. **自动审核**:上传后由 OpenAI Vision 同时完成云型识别与违规内容检测(色情、暴力、人脸、车牌等)。 2. **人工兜底**:标记低置信度或疑似违规内容进入管理后台待审队列。 3. **社区举报**:允许用户举报不当内容,补充审核闭环。 4. **审核结果**: - 通过:标记为 `approved`,公开可见。 - 拒绝:标记为 `rejected`,仅自己可见或自动删除原图。 #### 后台管理(Web 端) - 管理员通过 Web 端专用路由(如 `/admin`)访问,基于用户角色鉴权。 **【修订】**:Web 端使用 **Vue 3 + Vue Router** 构建,管理后台作为受路由守卫保护的一组页面。 - 功能包括:待审核队列操作、用户管理(禁用/恢复)、数据统计仪表盘、云型标准库维护。 --- ## 6. 商业模式 **基础免费 + 增值订阅 + 周边衍生** ### 收入来源: 1. **会员订阅(核心)** - 免费版:基础识别、普通图鉴、带水印地图、广告支持。 - Pro 版(月/年费):高精度识别、去水印高清原图、稀有云型验证优先权、天气预测提醒、不限容量的云朵存储空间。 2. **虚拟商品** - 特殊徽章外框、主题皮肤、图鉴装饰。 3. **联名与周边** - 与赏云协会、气象机构合作推出实体云图日历、图册。 - 定制天气周边(如“今日云朵”明信片)电商导流。 4. **企业级 API** - 向教育、科研、天气 App 提供云朵识别 API(后期)。 ### 定价参考 - 参考赏云协会年费约 $5,提供更丰富数字体验,Pro 订阅可定价 $2.99/月 或 $19.99/年。 --- ## 7. 技术架构与选型 ### 7.1 整体架构 【修订】 ``` 客户端:React Native (移动端) + Vue 3 (Web/管理后台) │ ├── 实时通信:Supabase Realtime (WebSocket) ├── 数据库查询:Supabase JS SDK └── 文件上传:Supabase Storage (S3) │ 后端服务:Supabase (托管 PostgreSQL, Auth, Storage, Edge Functions) │ ├── AI 审核与识别:OpenAI GPT-4o Vision (初期) └── 天气数据:OpenWeatherMap API │ 部署:Vercel / Netlify (Web) + Expo EAS (App) + Supabase Cloud ``` ### 7.2 核心选型理由 【修订】 | 组件 | 技术 | 理由 | |------|------|------| | **移动端** | React Native + Expo | 成熟的跨平台移动框架,与 Vue 共享 TypeScript 业务逻辑与 Supabase 客户端 | | **Web 前端** | **Vue 3** + **Vite** + **Tailwind CSS** | 按团队技术偏好选择,轻量且高效。如后期需要 SEO,可平滑迁移至 **Nuxt 3**(基于 Vue 的服务端渲染框架)。 | | **Web 路由与状态管理** | Vue Router + Pinia | 官方配套,管理页面路由与全局状态 | | **管理后台** | 同 Web 端 Vue 项目,使用路由守卫区分权限 | 无额外学习成本,与用户端共享组件和 API 层 | | **后端服务** | Supabase | 提供即时认证、REST API、实时订阅、存储,省去大量后端开发 | | **数据库** | PostgreSQL (Supabase内置) | 成熟的空间查询支持 (PostGIS),RLS 精细权限控制 | | **AI 识别** | OpenAI GPT-4o-mini (Vision) | 按量付费,每图约$0.002,可同时完成识别和合规检查 | | **地图** | react-native-maps (App) / Leaflet 或 Mapbox (Web) | 移动端原生性能,Web端灵活 | | **天气数据** | OpenWeatherMap | 免费套餐可满足初期需求 | | **代码共享** | 共享 Supabase 客户端配置、TypeScript 类型定义、业务工具函数 | 通过 monorepo 或 npm 私有包在不同平台间复用逻辑层 | ### 7.3 数据隐私与合规 - 所有用户上传图片默认通过 Supabase Storage 存储,开启自动模糊化处理(需自行实现或调用第三方)。 - 坐标在服务器端舍入后丢弃原始精确定位。 - 使用 Row Level Security 确保用户只能访问自己被允许的数据。 --- ## 8. 实施路线图 ### 阶段 1:MVP(核心闭环,预计 6-8 周) **目标**:验证核心价值——“拍云→识别→地图浮现→图鉴收集”。 - **Web 端(Vue 3)**: - 用户注册登录(Supabase Auth) - 云图上传(手动选类型+拍摄时间),调用 OpenAI 识别 - 基础画廊:按类型筛选浏览 - 极简管理后台:查看/审核图片 - **移动端(App)**: - 拍照/相册选取,自动获取位置 - 展示识别结果,支持手动修正 - 上传后在基础地图上显示(刷新可见,非实时) - **后端**: - Supabase 表结构搭建(users, clouds, cloud_types) - 审核 Edge Function 实现 ### 阶段 2:社交与地图增强(预计 8-12 周) **目标**:打造“实时地图”与“轻社区”,强化留存。 - 地图实时浮现(Supabase Realtime 订阅) - 天气图层叠加 - 游戏化图鉴系统(基础属+变种,稀有度,徽章分享) - 每日天空精选与云型微频道 - 情绪反应互动系统 - 个人主页与订阅 - 推送通知(附近稀有云、天气提醒) ### 阶段 3:AI 优化与商业化(长期迭代) **目标**:建立壁垒,实现正向营收。 - 收集用户反馈数据,训练自有云朵分类模型(基于 CloudSEN12+ 等数据集微调) - 上线 Pro 会员订阅 - 多语言支持,全球化运营 - 对外提供识别 API - 与赏云协会等建立品牌合作 --- ## 9. 风险与应对策略 | 风险 | 影响 | 应对策略 | |------|------|----------| | **冷启动内容匮乏** | 新用户流失 | 种子内容计划:引入 Unsplash 等免版权云图并标注;邀请早期核心用户内测生产内容 | | **用户使用频次低** | DAU 低迷 | 图鉴愿望清单+天气预测推送,变被动等待为主动引导 | | **AI 识别准确率不足** | 用户信任崩塌 | 允许用户修正并作为训练数据;稀有云型增加人工验证机制,维护专业形象 | | **隐私与合规问题** | 法律风险、口碑危机 | 地图默认模糊定位,提供隐身模式;严格数据丢弃策略;尽早获取法律意见 | | **审核遗漏违规内容** | 应用商店下架、法律纠纷 | 多层审核:AI 初筛→人工复核→社区举报;敏感内容立即隐藏 | | **大平台竞争** | 用户流失 | 坚持垂直深度体验,不与通用平台比拼内容量;以“专属图鉴”和“天空日记”沉淀用户数字资产,提高迁移成本 | | **商业变现困难** | 无法持续运营 | 初期靠付费订阅覆盖边际成本;后期拓展教育与天气衍生价值,控制团队规模,保持精益 | --- ## 10. 结语 OpenCloud 不仅仅是一个云朵识别工具,它是一次将自然观察、科技美学与人文连接相结合的尝试。在注意力被无限撕扯的时代,我们希望为人们保留一小块仰望天空的空间——在那里,每一朵云都值得被看见、被理解、被世界记住。 本规划文档定义了产品的方向、骨架与演进路径。接下来,我们将基于此进行最小可行性版本的敏捷开发,用真实用户反馈打磨每一个呼吸的角落。 --- *天空无界,探索不止。* **OpenCloud 团队**