Serverless 架构的出现让前端开发者更加专注于业务逻辑的实现，而不需要过多关注服务器部署和管理问题。今天，我们将介绍如何使用 Serverless 架构实现图像处理服务，以便于快速处理图片，减轻服务器负担，提高用户体验。
什么是 Serverless？
Serverless 架构是一种无需管理服务器、无需预配服务器容量的计算模型，开发者只需关注代码和业务逻辑。同时，Serverless 遵循按量付费的模式，按照实际使用量收费，使用更为灵活。
Serverless 并不是真正的无服务器，而是无需关心服务器的管理工作，并且容器化的自动扩缩容等服务器管理工作被隐藏到服务提供商（如 AWS Lambda、阿里云函数计算、腾讯云函数等）的后台，为用户提供一个灵活强大的计算环境。
Serverless 图片处理的优势
使用 Serverless 架构实现图像处理服务相比传统方式有以下优势：
- 高效处理：传统的图片处理服务通常会占用服务器的大量资源，导致网页响应缓慢，甚至直接崩溃。使用 Serverless 图片处理服务，这些操作放在了服务提供商的后台处理，不占用服务器资源，提高了性能。
- 成本节省：Serverless 图片处理服务可以根据实际需求进行弹性扩展，不需要维护额外的服务器。同时，按需付费的模式可以保证成本控制。
- 可定制化：Serverless 图片处理服务可以根据实际业务需求进行高度定制化，灵活度更高。
如何实现 Serverless 图片处理？
Serverless 图片处理的流程如下：
- 前端将图片上传到云服务（如阿里云 OSS）。
- 云服务将上传的图片信息发送给 Serverless 服务。
- Serverless 服务对图片进行处理，并将结果返回给云服务。
- 云服务将处理后的图片返回给前端展示。
下面我们以阿里云函数计算和 OSS 为例，介绍如何实现 Serverless 图片处理服务。
创建函数计算服务 (Aliyun Function Compute)
首先，我们需要创建函数计算服务。在创建过程中，需要注意以下两点：
- 选择运行环境为 Node.js，安装依赖包 sharp（npm install sharp），这是一个 Node.js 图像处理库。
- 添加阿里云 RAM 角色，授权访问 Aliyun-OSS 的权限。
函数计算处理过程
上传文件至阿里云 OSS 后，阿里云 OSS 会自动触发函数计算服务。函数计算服务将使用 sharp 库进行图片处理，并将处理后的图片返回给 OSS。
以下是示例代码：
----- ----- - -----------------
----- --- - -------------------
----- ------ - --- -----
------- ----------------
------------ ---------------------
---------------- -------------------------
------- ----------------
---
--------------- - ----- ------- -------- --------- -- -
------------------ --------
--- --------- - -------------------------------
-----------------------
--- ------ - ----- ----------------------
--- ----------- - ---------------
--- ------------ - ----- ------------------
--------- ------ --- --
------------
----- -------------------- - --------------- --------------
--------------------
-------------- --------
--上述代码中，sharp 库的使用非常方便，resize() 方法用来进行图片缩放。
配置阿里云 OSS 触发器
创建好函数计算服务之后，我们需要将阿里云 OSS 中的文件上传事件与函数计算服务进行绑定。
在控制台中，进入阿里云 OSS 的存储空间 -> 触发器管理，添加触发器。其中，Events 选择 object-created，并填写函数计算服务的名称和版本。
在前端中使用 Serverless 图片处理服务
在前端中使用 Serverless 图片处理服务非常简单，只需要将图片上传至阿里云 OSS，然后从阿里云 OSS 获取处理后的图片即可。
以下是前端中如何上传图片至阿里云 OSS 的示例代码：
------
------
------ ----------- ----------- --------- ------------------------- --
---- ---------- ------ --
------- --------------------------------------------------------------------
--------
----- ------ - --- -----
------- ----------------
------------ ---------------------
---------------- -------------------------
------- ----------------
---
----- -------- -------------- -
--- ---- - -----------------------------------------
--- ------ - ----- --------------------- ------
--------------------
--- -------- - ----- ----------------------------- - ----------------
------------------------------------ - ---------
-
---------
-------
-------上述代码中，上传成功后会自动生成一个后缀为 resized 的处理后的文件。
总结
通过本文的介绍，我们可以看出 Serverless 图片处理的优势以及如何使用阿里云函数计算和 OSS 实现 Serverless 图片处理。Serverless 架构将会越来越受到开发者的欢迎，特别是对于前端开发者，使用 Serverless 架构可以快速实现各种功能，提高开发效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/664634d6d3423812e444dcc3