架构设计
G1 前端是一套 React H5,可在手机浏览器打开,也可嵌进 iOS / Android WebView。业务走 REST,行情走独立 WebSocket 进程。点击图片可放大。
点击放大
分层说明
| 层 | 实现 |
|---|---|
| 客户端 | 手机浏览器、iOS WebView、Android WebView |
| 前端 | React 19 + TypeScript,Vite 6 构建,React Router 7(Hash) |
| 状态 | Zustand 5(账户 / 行情)+ TanStack React Query 5(接口缓存) |
| 界面 | 自研 i18n(中 / 英 / 越 / 印尼),浅色 / 深色,Tailwind CSS 3,lightweight-charts K 线 |
| 业务接口 | Go 1.24 + Gin,RESTful,主服务端口 8080 |
| 行情 | 独立进程,WebSocket 端口 9090,路径 /ws/market |
| 存储 | MySQL(utf8mb4,GORM)+ Redis |
行情进程与主服务分开,列表和详情页只订阅用户正在看的股票;网络闪断后会重连。