Cloudinary

17 Mar 2025 | 4 分钟阅读

引言

Cloudinary是一个基于软件即服务 (SaaS)的软件解决方案。它主要用于管理云中的所有媒体资产。资产可以是Web或移动应用程序的任何内容,具体取决于类型。Cloudinary为所有媒体资产提供了一个完整的解决方案,包括图像视频需求、上传、管理、优化交付、存储操作。它在Cloudinary服务器上处理,这些服务器会自动扩展以处理突然的高负载和频繁的流量高峰。

此外,这个媒体资产管理过程是通过一个完整的数字媒体管理 (DAM)介质来处理的。该介质的动态用户界面设计得让创意设计师和开发人员都能轻松地完成工作。同时,我们可以管理一个全面的API,通过几行代码就可以将用户生成和内部媒体内容转换为移动或网站内容。

Cloudinary的功能

Cloudinary是一个基于云的SaaS解决方案,为Web或移动应用程序的整个媒体管理流程提供支持。

功能如下

  1. 易于将图像迁移到云端。自动智能图像裁剪、调整大小和转换无需安装任何软件即可完成。它可以与TwitterFacebook集成,用于提取个人资料图片,并根据我们的图形要求确定尺寸和样式。借助CDN,图像的交付速度非常快。
  2. Cloudinary提供管理功能,并支持与Web应用程序(无论是现有还是新的)进行全面的API集成。
  3. Web开发框架易于集成,因为Cloudinary提供了HTTP基于URL的API集成。
  4. 最常用的后端平台js与Cloudinary高度兼容,可实现非常顺畅的集成。

环境设置

要使用Cloudinary,我们需要预装Node.js以及所有依赖项和库。设置过程非常简单。以下命令可以有效地在我们的系统中安装Cloudinary。

在此之后,我们需要注册CDN以无缝地尝试转换和处理。

注意:在下面所有示例中,请将“demo”替换为我们自己的Cloudinary云名称。

可以通过链接访问通过CDN公开上传的图像。


cloudinary

使用Cloudinary的转换生成150x100分辨率的图像。

cloudinary

将上述图像的边角圆化20像素。


cloudinary

使用Cloudinary通过CDN导入Facebook或Twitter图像。


cloudinary

用途

假设您已定义了Cloudinary配置参数(cloud_name、api_key、api_secret通过CLOUDINARY_URL配置变量定义),则上传到Cloudinary非常简单。

上传

将图像上传到Cloudinary非常简单。下面的示例将本地JPG上传到云端。

它将为图像分配一个随机生成的公共ID,并且可以轻松地从CDN下载。

要指定我们自己的公共ID,我们可以按如下方式分配参数:

如上所示,上传的图像将被分配给指定的sample_remote公共ID。现在可以从CDN下载该图像。

转换和嵌入图像

上传到Cloudinary的图像可以使用强大方法轻松嵌入和转换。下面的示例是一些方法。

此示例将生成用于访问上传图像的URL,该图像经过转换,在宽度和高度方面具有100x50分辨率的矩形填充。

此示例将通过生成90x90的人脸检测缩略图来嵌入上传图像的小版本。

借助上述示例,我们可以提供任何Facebook个人资料或页面的数字ID或Facebook名称,以平衡绝对图形。

使用上述示例,可以将Facebook的相同概念应用于Twitter。

总结

在本教程中,我们学习了Cloudinary的基础知识,从环境设置到Cloudinary的各种用法和示例。还有很多内容需要介绍,因为Cloudinary可以应用于其他开发环境,如Ruby on Rails、面部识别图像管理等。Cloudinary不仅仅是一个SaaS解决方案,它的用途也不仅限于此。希望持续集成的设计师和开发人员可以利用Cloudinary来管理他们的媒体资产,并通过API进行开发,这将大大增强Cloudinary的功能。Cloudinary在媒体管理变得困难的情况下备受青睐。无论是移动应用程序还是桌面应用程序,媒体都是任何应用程序的基础中最重要的方面之一,管理如此庞大的媒体资产并非易事,但Cloudinary使其变得非常简单。


下一主题CodePen