【源码】基于 React 和 Golang 的股价派送系统

项目简介

本项目是一个股价派送系统，前端借助 React 框架构建界面，使用 gsap 库实现动画效果、rx.js 处理数据流；后端采用 Golang 结合 Gin 框架搭建服务。系统通过 Socket 连接永豐報價系統获取实时股票数据，还支持 CSV 文件导入和个股信息管理。

项目的主要特性和功能

1. 实时数据获取：通过 Socket 连接内外期主機，获取股票的 Quote、Kline 和 Tick 数据，实时更新个股信息。
2. 动画展示：用 gsap 库制作跑马灯动画展示股价信息，解决切换网页时动画停止和重叠问题。
3. K 线图绘制：按规则处理 K 线数据，以 8 分钟为间隔渲染 K 线图。
4. 数据管理：引入 Redux 分离数据与视图，优化处理效率，支持 CSV 文件的导入、新增、更改、播放和查询等操作。
5. 注册管理：支持一次注册 30 档股票，实现特定时间的 sliding window 注册功能。

安装使用步骤

前提条件

确保已安装 Node.js、Yarn 和 Golang，且已下载本项目的源码文件。

前端部分

1. 安装依赖：在项目根目录下执行 yarn 安装所需依赖。
2. 配置环境变量：在 .env 文件中设置内外期主機的 url。
3. 开发环境运行：执行 yarn start 启动开发服务器，在浏览器访问 http://localhost:3000 查看项目。
4. 打包部署：
   • 修改 src/api/index.tsx 文件第 16 行的 baseURL 为 getEnv("MARQUEE_KGI_URL")。
   • 执行 yarn run build 进行打包。
   • 使用 scp 命令将打包后的文件上传到服务器：
     • 上传到 60.250.174.223：scp -r./build/* root@60.250.174.223:/apex/VIP20/WebAdapter/static/elecScroll
     • 上传到 192.168.192.225：先登录 root@60.250.174.223:/VIP20/WebAdapter/static，再执行 scp -r./elecScroll/* root@192.168.192.225:/apex/VIP20/WebAdapter/static/elecScroll

后端部分

1. 安装依赖：在后端项目目录下，使用 go mod tidy 安装所需的 Golang 依赖。
2. 启动服务：执行 go run main.go 启动 Golang 后端服务。

下载地址

点击下载 【提取码: 4003】