imgsquash

概括

图像压缩完整堆栈网站代码。包含用节点，react和Next.js框架编写的API服务和前端。

屏幕截图

设置Google云存储

1. 在Google Cloud上创建一个项目，并通过此快速启动指南添加一个免费的云存储桶：
   • https://cloud.google.com/storage/docs/quickstart-console
2. 使用gcloud命令行工具进行身份验证（在此处下载）或使用服务帐户文件设置GOOGLE_APPLICATION_CREDENTIALS env变量。
   • 指南：https：//cloud.google.com/sdk/docs/authorizing

开始API服务

1. 使用以下变量在文件夹的根部创建.env文件。有关如何添加ENV变量，请参见Dotenv。
   • API_Version ： 1 （可选）。
   • gc_storage ： your-google-cloud-bucket-name
   • dl_base_url ： [YOUR-API-URL]/1/dl
2. 进行npm install以安装API的所有节点模块。
3. npm run dev在3000端口上启动开发服务器。
4. npm start

开始前端

1. 进行npm install以安装所有节点模块以进行前端。
2. Do npm run dev将在3001端口上启动WebPack服务器。
3. npm run build和npm start构建和使用生产中的代码。

笔记

1. 以下程序用于优化

   • mozjpeg（有损失的JPEG压缩）
   • JPEGTRAN（无损JPEG压缩）
   • PNGQUANT（有损耗的PNG压缩）
   • Optipng（无损PNG压缩）

2. 当前文件大小上传限制为10MB。

3. API路线。 [邮政]

   • /image ：通过文件，URL，base64或二进制上传图像。
     • 文件： file或base64或binary 。
     • 有损： Boolean （默认：false）
   • /url ：压缩直接图像URL。
     • URL：有效的图像URL。
   • /zip ：接受文件对象列表作为带有（ id ， size和name ）的数组，并发送zipter zipter结果。
     • 文件：文件对象列表作为数组。

   [GET] - /dl/:id ：生成压缩图像的下载URL。接受可选查询name 。

执照

麻省理工学院