Node.js如何实现WebSocket协议下的多文件下载与实时进度反馈？

本文共计1181个文字，预计阅读时间需要5分钟。

起因+为什么做这个事情，是偶然间听一端同事说起Annie这个事物，发现这个事物下载视频方便的，会自动爬取网页中的视频，然后整理成列表。命令执行后下面的样子：

起因

为什么做这个东西，是突然间听一后端同事说起Annie这个东西，发现这个东西下载视频挺方便的，会自动爬取网页中的视频，然后整理成列表。发现用命令执行之后是下面的样子：

心里琢磨了下，整一个界面玩一下吧。然后就做成下面这个样子了。

列表

下载列表

本文地址仓库：github.com/Rynxiao/yh-tools，如果喜欢，欢迎star.

涉及技术

• Express 后端服务
• Webpack 模块化编译工具
• Nginx 主要做文件gzip压缩（发现Express添加gzip有点问题，才弃坑nginx）
• Ant-design 前端UI库
• React + React Router
• WebSocket 进度回传服务

其中还有点小插曲，最开始是使用docker起了一个nginx服务，但是发现内部转发一直有问题，同时获取宿主主机IP也出现了点问题，然后折磨了好久放弃了。