高效管理图像和视频等媒体资产对于 web 应用程序至关重要，cloudinary 提供了一个出色的解决方案来无缝处理这些资产。在这篇文章中，我们将逐步介绍 cloudinary 在 node.js 项目中的集成过程。

什么是云？

cloudinary 是一种基于云的媒体管理服务，允许开发人员以 web 友好的格式轻松存储、转换和交付图像和视频。凭借自动图像优化、响应式转换和通过 cdn 进行内容交付等功能，cloudinary 已成为许多开发人员的首选。
探索 cloudinary 定价

先决条件

开始之前，请确保您已：

Nodejs Patterns

内容：生产级 Node.js 后端模式，涵盖 Express/Fastify 配置、分层架构、中间件、错误处理、验证、数据库集成、身份验证及缓存。 时机：构建 REST API、搭建 Node.js 服务器、实施身份验证、集成数据库、添加验证/缓存或构建后端应用结构时。 关键词：nodejs, node, express, fastify, typescript, api, rest, 中间件, 身份验证, jwt, 验证, zod, postgres, mongodb, redis, 缓存, 速率限

下载

• 您的系统上安装了 node.js
• 基本的 node.js 应用程序设置
• 一个cloudinary帐户（如果您没有，可以在这里注册）

第1步：安装cloudinary sdk

npm install cloudinary

第2步：配置cloudinary

const cloudinary = require('cloudinary').v2;

cloudinary.config({
  cloud_name: 'your_cloud_name',
  api_key: 'your_api_key',
  api_secret: 'your_api_secret',
});

module.exports = cloudinary;

第三步：设置环境变量

cloud_name=your-cloud-name
api_key=your-api-key
api_secret=your-api-secret

npm install dotenv

require('dotenv').config();

cloudinary.config({
  cloud_name: process.env.cloud_name,
  api_key: process.env.api_key,
  api_secret: process.env.api_secret,
});

第4步：将图像上传到cloudinary

const cloudinary = require('./config');

async function uploadimage(imagepath) {
  try {
    const result = await cloudinary.uploader.upload(imagepath, {
      folder: 'samples', // optional: specify the folder to store images
    });
    console.log('image uploaded successfully:', result.url);
    return result.url;
  } catch (error) {
    console.error('error uploading image:', error);
  }
}

// example usage
uploadimage('path/to/your/image.jpg');

第 5 步：使用 cloudinary 转换图像

const transformedimageurl = cloudinary.url('sample.jpg', {
  width: 400,
  height: 300,
  crop: 'fill',
});

console.log('transformed image url:', transformedimageurl);

第 6 步：在应用程序中处理文件上传

npm install multer

const multer = require('multer');
const upload = multer({ dest: 'uploads/' }); // temporary folder for uploaded files

app.post('/upload', upload.single('image'), async (req, res) => {
  try {
    const imagepath = req.file.path;
    const imageurl = await uploadimage(imagepath);
    res.json({ imageurl });
  } catch (error) {
    res.status(500).json({ error: 'failed to upload image' });
  }
});

第 7 步：优化和交付媒体资产

const optimizedImageUrl = cloudinary.url('sample.jpg', {
  fetch_format: 'auto',
  quality: 'auto',
});

console.log('Optimized Image URL:', optimizedImageUrl);

结论

将 cloudinary 集成到您的 node.js 项目中非常简单，并且打开了媒体管理功能的世界。无论您处理图像还是视频，cloudinary 强大的 api 都可以让您轻松高效地优化、转换和交付资产。

编码愉快！