一一中文网

手机浏览器扫描二维码访问

第79章 技术架构升级（第3页）

每一个端点都有详细的pydantic模型进行请求和响应数据的验证与序列化。

“这才像个样子”

。

林晨看着自动生成的SwaggerApI文档页面（

后端雏形完成，接下来是前端。

这对林晨是个新挑战。

他以前做后端，前端知识停留在jquery和一点Vue的程度。

React是现代前端绝对的主流，其组件化、声明式编程的思想，与他正在做的模块化后端不谋而合。

学习过程比预想的顺利。

React的核心概念——组件、JSx、状态（State）、属性（props）、hooks——对于有扎实编程基础的他来说，理解起来并不困难。

难的是前端那一套生态系统：webpack（或Vite）、babel、npm包管理、cSS框架……他选择了一条最快捷的路径：使用create-react-app脚手架快速搭建项目，UI组件库选用轻量且流行的Antdesign，图表库选用Echarts。

他的目标是做一个简洁、实用的监控面板。

左侧导航栏，中间主区域显示核心内容。

主区域又分为几个卡片组件：实时资产总览（账户余额、浮动盈亏、持仓）、市场状态（主要股指、汇率、大宗商品涨跌）、交易信号列表（最近产生的买卖信号详情）、性能图表（资金曲线、回撤图、胜率统计）。

当第一个Echarts折线图在浏览器里成功绘制出模拟的资金曲线时，林晨忍不住挥了一下拳头。

那种从无到有，从杂乱数据到清晰可视化的创造感，令人着迷。

他不断调整着图表的颜色、提示框、缩放功能，让它看起来更专业、更直观。

前后端都跑通后，最大的考验来了：部署。

他对比了几家主流云服务商。

大厂的云服务稳定但稍贵，创业公司的云性价比高但怕有坑。

考虑到目前系统规模小，访问量几乎为零（只有他自己看），他最终选择了一家口碑不错的中型云服务商，买了一个最低配置的云服务器（1核2G，带宽按量付费），月费不到一百块。

按照教程，他在纯净的Linux系统上安装了python环境、Node环境、Nginx、数据库。

将后端FastApI代码打包上传，用Uvicorn作为ASGI服务器启动；将前端React项目构建成静态文件，也上传到服务器，通过Nginx配置反向代理和静态文件服务。

最难搞的是让后端服务稳定地在后台运行，并且开机自启。

他研究了systemd，写了服务配置文件。

又为了更方便管理，引入了pm2来守护Node服务（虽然目前前端是静态的，但他为未来可能的前后端分离ApI预留了可能）。

整整折腾了两天，遭遇了无数次“permissiondenied”

、“端口被占用”

、“依赖缺失”

的错误。

每一次排错，都是对Linux运维知识的恶补。

当他在本地电脑的浏览器里，输入那个属于自己的云服务器Ip地址，看到React监控页面成功加载，并且通过页面上的按钮调用后端ApI，实时获取到最新的账户余额和交易信号时，那种跨越重重障碍终于抵达终点的成就感，几乎要满溢出来。

系统，上线了。

现在是下午四点，鹏城的阳光斜照进书房。

林晨靠在椅背上，长长地舒了一口气。