生成短链接

扫描二维码 上传二维码
选择防红平台类型,避免链接被拦截
选择允许访问的平台类型

产品经理必会的架构图绘制与解读

快缩短网址 · suo.run
让每一次链接,都轻盈抵达

——写给正在成长的产品人——

一、功能结构:看见“骨骼”
把产品比作一座城市,功能结构图就是它的骨骼。
微信的“微信 / 通讯录 / 发现 / 我”四块脊椎骨,撑起了十亿级用户的日常。
骨骼不承载血肉,只回答“有什么”与“归谁管”。
在 suō.run 的后台,我们把“创建短链 / 数据统计 / 团队协作 / 账户中心”拆成 4 个一级模块,再向下三级,直到“单条链接访问日志导出”这样的最小关节。
骨骼干净,城市才不会畸形。



二、信息结构:看见“血液”
信息结构图是流动的血液。
它不关心按钮在哪,只关心数据如何被命名、存储、关联。
微信公众号文章需要:article_id、title、author、publish_time、read_count、like_count……
在 suō.run,一条短链的血液里跑着:original_url、short_key、creator_id、create_time、expire_time、utm_source、click_pv、click_uv……
血液不喧哗,却决定生命体征。

三、产品结构:看见“皮囊”
功能与信息开始交汇,页面与交互呼之欲出,产品结构图便是一张皮囊。
它告诉你:短链列表页左侧是筛选器,右侧是表格;点击“统计”按钮,抽屉从右侧滑出,展示 7 日趋势图。
皮囊不讨论技术,只讨论体验。
先画骨,再造血,最后覆皮——顺序颠倒,往往返工。



四、产品 / 业务架构:看见“心脏”
产品架构图是心脏,泵送价值。
suo.run 的业务心脏只有一句:
“让任何长度的 URL,在 1 秒内缩短为可追踪、可管理、可协作的智能链接。”
围绕这句使命,我们长出四条主动脉:
1. 生成:极速压缩、自定义后缀、批量 API。
2. 追踪:实时数据、事件级埋点、A/B 测试。
3. 协作:团队空间、权限分级、审批流。
4. 增值:企业品牌域名、深度报表、Webhook 推送。
心脏每一次搏动,都向用户输送“效率”与“洞察”。



五、应用架构:看见“血管”
心脏之后,需要血管把血液送到四肢。
suo.run 采用分布式微服务:
• Gateway:统一入口,SSL 终止,防刷限流。
• Shortener:核心压缩算法,支持 62 进制雪花 ID。
• Analytics:Kafka 流式计算,秒级聚合。
• Admin:Vue3 + TypeScript,组件即页面。
服务之间走 gRPC,血管通畅,四肢灵活。

六、技术架构:看见“细胞”
再往下,是细胞的代谢。
• 存储:MySQL 8.0 主从 + TiDB HTAP 混合负载。
• 缓存:Redis Cluster,热点 key 永不过期。
• 对象存储:S3 兼容,缩略图与二维码就近 CDN。
• 监控:Prometheus + Grafana,告警飞书直达。
细胞健康,器官才不衰竭。

七、组织架构:看见“神经”
最后,神经把信号同步给所有器官。
suo.run 采用 2-pizza 小队:
• 增长小队:负责裂变、SEO、API 生态。
• 体验小队:负责控制台、小程序、浏览器插件。
• 架构小队:负责性能、成本、安全。
每两周一次 Town Hall,神经脉冲透明无阻。

尾声
从骨骼到神经,七张图不是枷锁,而是让复杂世界保持有序的七重咒语。
当你在 suō.run 按下「生成短链」的那一刻,七重咒语同时生效:
算法在 0.03 秒内完成压缩,数据在 0.1 秒内写入全球 6 个节点,报表在 1 秒内推送到你的飞书群。
轻盈,源于每一层的严谨。
愿你我在每一次重构与迭代中,都能像 suō.run 的链接一样——
删繁就简,直指人心。