DEV Community
·
使用TypeScript构建基本的Cloudflare图像转换API克隆
💡
原文英文，约1700词，阅读约需6分钟。
📝
内容提要
本文介绍如何使用TypeScript构建一个基本的图像转换API，利用Cloudflare的Transform API进行图像优化和处理。项目基于Express和Sharp库，支持图像调整、格式转换、质量调整、速率限制和输入验证，最终实现了结构清晰的API。
🎯
关键要点
- Cloudflare的图像服务提供强大的Transform API，用于优化和处理图像。
- 本教程将使用TypeScript实现一个基本的图像转换API。
- API支持按宽度和高度调整图像、格式转换（PNG、JPG、WebP）和调整图像质量。
- 项目基于Express和Sharp库，支持速率限制和输入验证。
- 项目结构包括上传目录、特性模块、共享工具和主应用程序入口。
- TypeScript配置文件设置了编译选项和路径别名。
- 使用Zod库进行输入验证，确保图像路径和选项的有效性。
- 实现了图像转换功能，支持不同格式的图像处理。
- 中间件处理请求解析和速率限制，确保API的安全性和稳定性。
- 主服务器文件设置了Express应用程序并注册了转换路由。
- API使用示例为：/transform/[options]/[image-path]，其中options为以逗号分隔的key=value对。
- 构建生产版本时，使用npm run build编译TypeScript代码，使用npm start运行生产构建。
❓
延伸问答
如何使用TypeScript构建图像转换API？
可以通过使用Express和Sharp库，结合Cloudflare的Transform API，来构建一个基本的图像转换API。
这个API支持哪些图像处理功能？
API支持按宽度和高度调整图像、格式转换（PNG、JPG、WebP）和调整图像质量。
如何进行输入验证？
使用Zod库进行输入验证，确保图像路径和选项的有效性。
如何设置速率限制？
通过Upstash Redis配置速率限制，允许每个IP在3分钟内对每个图像路径进行2次请求。
API的请求格式是什么？
API的请求格式为：/transform/[options]/[image-path]，其中options为以逗号分隔的key=value对。
如何构建和运行生产版本？
使用npm run build编译TypeScript代码，然后使用npm start运行生产构建。
➡️
