NewsFlow Web 是面向新闻信息聚合与内容阅读场景的 Web 应用。
针对传统新闻信息来源分散、用户需要在多个平台之间切换的问题，将不同来源的新闻统一汇总，通过分类、标签、搜索等方式进行结构化展示，为用户提供集中式的信息浏览与阅读入口。
同时作为 NewsFlow 移动端的 Web 端补充，实现用户在电脑、手机等不同设备上的新闻访问与数据同步。
主要应用场景：
📰 新闻资讯浏览
🔎 新闻搜索
🏷️ 新闻分类与标签筛选
⭐ 收藏新闻
📖 稍后阅读
👤 用户个人数据管理
🔄 多端数据同步
🖥️ 桌面端新闻阅读
📰 新闻浏览
提供新闻列表、新闻详情等页面，将后端聚合的新闻内容进行结构化展示。
支持：
新闻列表
新闻详情
新闻分类
标签筛选
发布时间等信息展示
🔍 搜索
提供新闻搜索功能，用户可以根据关键词快速查找感兴趣的内容。
🏷️ 分类与标签
通过新闻分类和多标签体系对内容进行组织。
例如：
科技
├── AI
├── 编程
└── 互联网
财经
├── 金融
├── 股票
└── 公司
一篇新闻也可以关联多个标签，从而实现更加灵活的内容筛选。
⭐ 收藏
登录用户可以收藏新闻，并在个人中心统一查看和管理收藏内容。
📖 稍后阅读
用户可以将暂时没有时间阅读的文章加入稍后阅读列表，方便之后继续阅读。
👤 用户中心
提供：
用户信息
收藏列表
稍后阅读
个人数据管理
🔄 多端同步
Web 端通过统一的后端 API 与移动端共享用户数据。
因此可以实现：
Web 收藏 → 手机端同步
以及：
手机端收藏 → Web 端同步
前端
Web 端采用现代前端技术栈：
React + TypeScript + Vite
负责：
页面构建
路由管理
新闻展示
用户交互
API 数据请求
响应式布局
整体页面结构可以抽象为：
NewsFlow Web
│
├── 首页
├── 新闻
│ ├── 全部新闻
│ ├── 分类
│ └── 标签
│
├── 新闻详情
│
├── 搜索
│
├── 收藏
│
├── 稍后阅读
│
└── 用户中心
后端通信
Web 端通过：
RESTful API + HTTPS
与 NewsFlow 后端进行数据交互。
例如：
Web
│
│ HTTPS
↓
Nginx
│
↓
FastAPI
│
├── PostgreSQL
└── Redis
前端不直接访问数据库，而是通过后端 API 获取和修改数据，提高系统的安全性和可维护性。
数据与权限
后端负责：
用户认证
权限控制
新闻数据查询
收藏数据
稍后阅读
标签/分类
多端数据同步
Web 端根据用户登录状态展示不同功能。
部署
采用：
Docker
Nginx
Linux
HTTPS
Git/GitHub
进行生产部署。
最终形成：
Internet
│
HTTPS
↓
Nginx
┌─────┴─────┐
↓ ↓
Web 前端 API
React/Vite FastAPI
评论