简介
@kolach/loopback-component-cloudinary 是一个 Node.js 模块，它提供了一个 LoopBack 组件，用于将图片或视频上传到 Cloudinary.com，并将 URL 存储在 LoopBack 模型中。Cloudinary 是一个强大的图片和视频管理服务，有许多有用的特性，例如自动调整大小、自动根据设备渲染优化图片和视频、服务端图像处理和裁剪等等，可以帮助前端工程师在 web 开发中更好地处理和优化图片和视频。
安装
在安装 @kolach/loopback-component-cloudinary 之前，确保已安装 Node.js 和 npm。 运行以下命令安装：
npm install --save @kolach/loopback-component-cloudinary
使用方法
第一步：在模型中配置 cloudinary 组件
添加以下代码：
-- -------------------- ---- -------
-
---
--------- -
---
------------- -
------------------------ ------------------
------------------- ---------------
---------------------- ------------------
--------- -
-
------- --------
----------- -
-
-------------- --------
----------------- -
-------- ----
--------- ----
------- ------
-
--
-
-------------- --------
----------------- -
-------- ----
--------- ----
------- ------
-
-
-
--
-
------- --------
----------- -
-
-------------- ------
----------------- -
-------- ----
--------- ----
------- ------
-
-
-
-
-
-
--
---
-第二步：创建 Cloudinary API 凭证
进入 Cloudinary 网站，注册并登录您的帐户。从您的 Cloudinary 控制面板中，您可以找到您的云名称(cloudinaryAccountName)、API 密钥(cloudinaryApiKey)和 API 密钥(cloudinaryApiSecret)。 然后，您需要将这些凭据添加到 LoopBack 环境变量中。添加以下配置到你的文件：server/config.json
{
"cloudinaryAccountName": "your_cloud_name",
"cloudinaryApiKey": "your_api_key",
"cloudinaryApiSecret": "your_api_secret"
}第三步：调用 cloudinary 方法
使用以下代码将图像上传到 Cloudinary，并将 URL 保存到数据存储库中：
-- -------------------- ---- -------
--------------
---
-------- -
--------------- ----------------------
------- -------------
-
-- -------- ----- ------ -
-- ----- ----- ----
--------------------- -------- ----- ----- -
-- ----- ----- ----
------------------ -- ------ -- ---------- ------ --
------------------------ -- -----------------
----------- - ----------------
-------------
---
---示例代码
使用以下代码将视频上传到 Cloudinary 并保存 URL 到数据存储库中
-- -------------------- ---- -------
--------------
---
-------- -
--------------- ----------------------
------- -------------
-
-- -------- ----- ------ -
-- ----- ----- ----
--------------------- -------- ----- ----- -
-- ----- ----- ----
------------------ -- ------ -- ---------- ------ --
------------------------ -- -----------------
----------- - ----------------
-------------
---
---总结
使用 @kolach/loopback-component-cloudinary 可以优化 Web 开发过程中的图片和视频管理。本文介绍了其使用方法，并提供了示例代码。亲自操作并使用此组件，将会使您更好地理解其特性和优点，然后更好地管理您的图片和视频。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc7967216659e244507